@font-face {
    font-family: 'Poppins';
    src: url('../style//poppins/Poppins-Regular.woff2') format('woff2'),
         url('../style//poppins/Poppins-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../style/poppins/Poppins-Bold.woff2') format('woff2'),
         url('../style/poppins/Poppins-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --bg-color: #303234;
    --text-color: white;
    --text-gray-color: white;
    --link-color: cornflowerblue;
    --cards-color: #121212;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: black;
}

::-webkit-scrollbar-thumb {
    background: #17364B;
    border-radius: 15px;
    border: 2px solid white;
}

::-webkit-scrollbar-thumb:hover {
    background: #9fd2ff;
}