:root {
    --red_color: rgb(251, 67, 67);
    --textcolor: #1C1C28;
    --darkpurple: #1C1C28;
    --purple: #1C1C28;
    --white: #F2F1F5;
    --darksilver: #A4A1B8;
    --silver: #B6B3C9;
    --box_shadow: #c9c9c9;
    --fffwhite: #fff;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style-type: none;
    text-decoration: none;
    font-family: 'Varela Round';
    color: var(--textcolor);
}

/* width */
::-webkit-scrollbar {
    width: 14px;
}
  
/* Track */
::-webkit-scrollbar-track {
    background: var(--fffwhite);
}

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

@media only screen and (max-width: 468px){
    ::-webkit-scrollbar {
        width: 8px;
    }
}