/* customize scroll */
:root {
    --primary-color: #2c7be5;
    --accent-color: #FBAF3C;
    /* #f50057; */
    --text-color: #263238;
    --body-color: #80deea;
    --main-font: 'Arial';
    --font-bold: 550;
    --font-regular: 200;
}

/* width */

::-webkit-scrollbar {
    width: 12px;
}


/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}