:root {

    --shadow-gradient:linear-gradient(to bottom , rgba(0,0,0,0.6) , rgba(0,0,0,0.1));
    --darker-gradient:linear-gradient(to bottom , rgba(0,0,0,0.8) , rgba(0,0,0,0.3));
    --lighter-gradient:linear-gradient(to bottom , rgba(0,0,0,0.4) , rgba(0,0,0,0));
    --silver: linear-gradient(45deg, #AEB2B8, #C7C9CB, #D7D7D8, #D7D7D8, #C7C9CB, #AEB2B8, #959BA3);
    /*https://www.schemecolor.com/light-silver-gradient.php)*/
    --navy-blue:#091b75;
    --azure:#5a6cc3;
}

/*
@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: Fira;
    src: url('fonts/FiraSans-Regular.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;
}