@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif;
}
:root
{
    --black1: #000;
    --black2: #111;
    --black3: #1a1a1a;
    --black4: #161616;
    --white1: #fff;
    --blue1: #0760dd;
}
.light
{
    --black1: #fff;
    --black2: #fff;
    --black3: #f3f3f3e1;
    --black4: #fbfbfb;
    --white1: #000;
    --blue1: #2388e7;
}
body
{
    background: var(--black3);
}

/* Scrollbar */
::-webkit-scrollbar
{
    width: 1em;
}
::-webkit-scrollbar-thumb
{
    background: var(--black4);
}