:root {
    --max-width: 1560px;

    --roboto-font: 'Roboto', sans-serif;
    --Inter-font: 'Inter', sans-serif;

    --font-size-xsmall: 10px;
    --font-size-small: 12px;
    --font-size-smedium: 15px;
    --font-size-medium: 16px;
    --font-size-large: 20px;
    --font-size-x-large: 24px;
}

.text-header-inter{
    font-family: var(--Inter-font);
    font-weight: 600;
    font-size: var(--font-size-medium);
}

.header .text-header-inter{
    color: #fff;
}

.header-float .text-header-inter{
    color: #000;
}

.text-xs-white{
    font-family: var(--roboto-font);
    font-size: var(--font-size-xsmall);
    color: #fff;
}

.text-sm-white{
    font-family: var(--roboto-font);
    font-size: var(--font-size-smedium);
    color: #fff;
}

.text-m-white{
    font-family: var(--roboto-font);
    font-size: var(--font-size-medium);
    color: #fff;
}

.top-game-title{
    font-family: var(--Inter-font);
    font-weight: 700;
    font-size: var(--font-size-large);
    color: #000;
}

.top-games-text{
    font-family: var(--roboto-font);
    font-size: var(--font-size-medium);
    color: #8F00C7;
}

.text-sm-black{
    font-family: var(--roboto-font);
    font-size: var(--font-size-smedium);
    color: #000;
}

.text-l-white-b{
    font-family: var(--roboto-font);
    font-size: var(--font-size-large);
    color: #fff;
    font-weight: 700;
}

.text-m-black-b{
    font-family: var(--Inter-font);
    font-weight: 700;
    font-size: var(--font-size-medium);
    color: #000;
}