:root {

    --shading:linear-gradient(to bottom , rgba(255,255,255,0.2) , rgba(0,0,0,0), rgba(0,0,0,0.2));
    --shading-dark:linear-gradient(to bottom , rgba(0,0,0,0.1) , rgba(0,0,0,0.4));
    --shading-light:linear-gradient(to bottom , rgba(255,255,255,0.4) , rgba(0,0,0,0), rgba(0,0,0,0.4));
    --silver: linear-gradient(45deg, #AEB2B8, #C7C9CB, #D7D7D8, #D7D7D8, #C7C9CB, #AEB2B8, #959BA3);
    --silver-right: linear-gradient(45deg, #C7C9CB, #D7D7D8, #D7D7D8, #C7C9CB, #AEB2B8, #959BA3);
    /*https://www.schemecolor.com/light-silver-gradient.php)*/
    --navy-blue:#091b75;
    --azure:#4f67db;
    --charcoal:#333333;
    font-size:120%;

}

/*
@font-face {
    font-family: ;
    src: url('');
}
*/

@font-face {
    font-family: Beleren;
    src: url('fonts/Beleren-Bold.ttf');
}

@font-face {
    font-family: Playbill;
    src: url('fonts/Playbill.ttf');
}

@font-face {
    font-family: Moderna;
    src: url('fonts/MODERNA_.ttf');
}

@font-face {
    font-family: Adventure;
    src: url('fonts/Adventure.ttf');
}

@font-face {
    font-family: Oxygen;
    src: url('fonts/OxygenMono-Regular.ttf');
}

@font-face {
    font-family: Garamond;
    src: url('fonts/EBGaramond.ttf');
}

@font-face {
    font-family: Fira;
    src: url('fonts/FiraSans-Regular.ttf');
}

@font-face {
    font-family: StitchWarrior;
    src: url('fonts/StitchWarrior demo.ttf');
}

@font-face {
    font-family: Floral;
    src: url('fonts/FloralCapitals.ttf');
}

var{
    display:none;
}