:root{
    /*--primary-color: #83b05a;*/
    --primary-color: #000000ff;
    --primary-color-highlight: #e2bb50ff;
    --secondary-color: #6e5b23ff;
    --secondary-color-highlight: #333;
    --tertiary-color: #444;
    --quaternary-color: #555;
    --background-color: #000;
    --menu-item-color: #eee;
    --menu-item-color-highlight: #ccc;
    --menu-text-color: #fff;
    --menu-text-color-highlight: #ccc;
    --shadow-color: #a18634ff;
    --background-image: url("../media/bal-masquee/background.svg");
    --mainfont: url("../fonts/FREESCPT.ttf");
    --text-color: #fff;
    --title-background: #00000000;
    --box-background: #fff6;
}
@font-face {
    font-family: textFont;
    src: url("../fonts/FREESCPT.ttf");
}
@font-face {
    font-family: infoFont;
    src: url("../fonts/FREESCPT.ttf");
/*     src: url("../fonts/Strawberry Muffins Demo.ttf"); */
}
@font-face {
    font-family: symbolFont;
    src: url("../fonts/FREESCPT.ttf");
}
@font-face {
    font-family: titleFont;
    src: url("../fonts/MeaCulpa-Regular.ttf");
}

div.stanistil-title {
    text-align: center;
    font-family: stanistilFont;
    font-size: 2em;
    text-shadow: -5px 5px #a18634ff;
}
body {
    font-size: 3em;
    background: #00000000;
    /*background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color-highlight) 50%, var(--primary-color) 100%); */
}
.symbol {
    font-size: 0.8em;
}
/*.ball-title-clone {*/
/*    z-index: -1;*/
/*    position: absolute;*/
/*    color: white;*/
/*    -webkit-transform: rotate(-3deg) translate(-0.1em,0);*/
/*    -moz-transform: rotate(-3deg) translate(-0.1em,0);*/
/*    -o-transform: rotate(-3deg) translate(-0.1em,0);*/
/*    -ms-transform: rotate(-3deg) translate(-0.1em,0);*/
/*    transform: rotate(-3deg) translate(-0.1em,0);*/
/*}*/
.band {
    font-family: titleFont;
}
a:hover {
    color: var(--primary-color-highlight);
}