@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');

:root {

    --color-body: #121418;
    --color-background: #ffffff;
    --color-text-white: #FFFFFF;
    --color-text-gray-light: #E4E4E4;
    --color-text-gray: #888A9A;
    --color-text-dark: #1A1C21;
    --color-bg-dark: #1A1C21;
    --color-gray-dark: #2A2D34;
    --color-gold: #FFCD29;

    color: var(--color-text-white);

    --var-fs: 0.75vw;
    font-size: var(--var-fs);
    font-family: "Epilogue", sans-serif;
}

@media screen and (max-width: 1280px) {
    :root {
        --var-fs: 1.5vw;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --var-fs: 2vw;
    }
}

@media screen and (max-width: 640px) {
    :root {
        --var-fs: 2.75vw;
    }
}