@font-face {
    font-family: 'Poppins';
    src: url('../assets/poppins.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --background: #13121e;
    --text: #fff;
    --text-2: #a4a7bf;
    --text-3: #82859b;
    --main: #5b79ff;
    --main-hover: #445bc2;
    --main-dark: #141942;
    --dark-gray: #1e1e2b;
    --gray: #272839;
    --gray-2: #3f4573;
    --gray-2-hover: #313361;

    --spotify-green: #1ed760;

    --font: Poppins, sans-serif;
}

body {
    margin: 0;
    font-family: var(--font);
    color: var(--text);
    background-color: var(--background);
}

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

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: var(--main);
}