@charset "utf-8";

html[theme="black"] {

    --background-default: #000000;

    --color-default: #ffffff;
    --color-hover: #bbbbbb;
    --switcher-color: #6a6a6a;
    --soon-color: #6a6a6a;
    
    --font-default: normal 16px/22px Verdana, Arial, sans-serif;
    
    --max-width: 1200px;
}


@media screen and (max-width: 880px) {
    html[theme="black"] {
        --font-default: normal 12px/16px Verdana, Arial, sans-serif;
    }   
}


@media screen and (max-width: 540px) {
    html[theme="black"] {
        --font-default: normal 10px/14px Verdana, Arial, sans-serif;
    }   
}


@media screen and (max-width: 410px) {
    html[theme="black"] {
        --font-default: normal 9px/14px Verdana, Arial, sans-serif;
    }   
}