@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');


* {
        font-size: 10px;
        font-family: 'Roboto', sans-serif;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
        cursor: default;
}

body {
        background: linear-gradient(188deg, rgba(68,0,2,1) 0%, rgba(6,0,0,1) 50%, rgba(76,0,2,1) 100%);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
}

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

::-webkit-scrollbar-track {
        background-color: #000;
}

::-webkit-scrollbar-thumb {
        background-color: #4d0f14;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
        background-color: #2f090b;
}


::selection {
        background-color: #000;
        color: #E5E1E2;
}