@font-face {
    font-family: 'barlowRegular';
    src: url('../font/Lato-Regular.ttf');
}

* {
    font-family: barlowRegular;
}

:root {
    --main-bg-color1: #141328;
    --main-bg-color2: #dc7633;
    --main-bg-color3: #afabab;
    --main-bg-color4: #d1d1d6;
    --main-bg-color5: #ffffff;
    --main-bg-color6: #dc7633d6;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #888;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*----------------------------------------------Base attributes-----------------------------------------------*/
html {
    scroll-behavior: smooth;
}