:root {
    --open-sans: 'Open Sans', sans-serif;
    --oswald: 'Oswald', sans-serif;

    --color-1: #408AF1;
    --color-2: #5AA2F6;
    --color-3: #F2F6FF;
    --color-4: rgb(201, 225, 247);
    --color-5: #A8D7FA;

    --main-bg: #fff;
    --scroll-width: 12px;
    --scroll-track-bg: var(--color-4);
    --scroll-thumb-bg: var(--color-2);
    --scroll-thumb-hover-bg: var(--color-1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--open-sans);
}

body {
    background-color: var(--main-bg);
}

::-webkit-scrollbar {
    width: var(--scroll-width);
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--scroll-track-bg);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb-bg);
    border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--scroll-thumb-hover-bg);
}

a:hover {
    text-decoration: none !important;
}