:root{
    /*--primary-color: #83b05a;*/
    --primary-color: #df564cff;
    --primary-color-highlight: #febf84ff;
    --secondary-color: #c90a23ff;
    --secondary-color-highlight: #333;
    --tertiary-color: #444;
    --quaternary-color: #555;
    --background-color: #000;
    --menu-item-color: #111;
    --menu-item-color-highlight: #ccc;
    --menu-text-color: #000;
    --menu-text-color-highlight: #ccc;
    --shadow-color: #00000055;
     --background-image: url("../media/background-animaux.svg"); 
    --mainfont: url("../fonts/FREESCPT.ttf");
    --text-color: #000;
    --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/FREESCPT.ttf");
}

div.stanistil-title {
    text-align: center;
    font-family: stanistilFont;
    font-size: 2em;
    text-shadow: -5px 5px white;
}
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 {
    --text-color: #f10732;
    text-shadow: -5px 2px black;
    -webkit-text-stroke-width: 0.01em;
    -webkit-text-stroke-color: black;
}