:root {
    --bg-darken: rgba(0, 0, 0, 0.6);
}

body {
    background-color: rgb(19, 19, 19);
    color: white;
    font-family: "Poppins", sans-serif;
    margin: 1.5rem;

    /* Background gif with darkening overlay */
    background-image: linear-gradient(var(--bg-darken), var(--bg-darken)),
        /* url("https://media.giphy.com/media/Eqz8ZFUScPHH2/giphy.gif"); */
            /* url("https://i.pinimg.com/originals/c6/6d/62/c66d6207eee38f8b32c3265780790c51.gif"); */
            /* url("https://i.pinimg.com/originals/16/f7/30/16f730aebb1c838e71d85a71a5c36ec3.gif"); */
            /* url("https://i.pinimg.com/originals/a3/1d/7f/a31d7f5c20b885859e84ceea2d71d7b6.gif"); */
            url("https://i.pinimg.com/originals/2c/7e/d2/2c7ed28e51ab74f70c25f9adf519e3b3.gif");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;

    /* Firefox fix scrollbar */
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}

hr {
    /* border: 0.5px dotted white; */
    opacity: 0;
    margin: 1rem 0;
}

a:link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

a:visited {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

/* Headers : No Margins */
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

::-webkit-scrollbar {
    display: block;
    width: 15px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.014);
    border: #ffffff0c 2px solid;
    transition: all 1s ease-in-out;
    background-blend-mode: darken;
    border-radius: 5px;
}

::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0);
}

@media (max-width: 768px) {
    body {
        margin: 2rem;
    }

    hr {
        display: none;
    }
}