:root {
    --color-bg-gray: #FaFaFa;
    --color-gray: #999;
    --color-black: #444444;
    --color-blue: #11caff;
    --color-blue-light: #c1f5ff;
    --color-green-light: #afffb6;
    --color-white: #FFFFFF;
    --color-red: #cd0f01;
    --color-red-bg: rgba(255, 143, 135, 0.25);


    --min-width: 300px;
    --text-size: 14px;
    --button-text-size: 16px;
}

@font-face {
    font-family: fl;
    src: url(/resources/fonts/Open_Sans/OpenSans-Regular.ttf) format('truetype')
}

@font-face {
    font-family: flbold;
    src: url(/resources/fonts/Open_Sans/OpenSans-Bold.ttf) format('truetype')
}


@media only screen and (max-width: 500px) {
    :root {
        --text-size: 16px;
    }
}