:root{
    --primary-color: #314074;
    --primary-color-highlight: #adcde8;
    --secondary-color: #e6e7df;
    --secondary-color-highlight: #dd6424;
    --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/mad-hatters/background.png");
    --mainfont: url("../fonts/FontdinerdotcomSparkly.ttf");
    --text-color: #314074;
    --title-background: #00000000;
    --box-background: #0006;
}
@font-face {
    font-family: textFont;
    src: url("../fonts/Sulcant Italic.otf");
}
@font-face {
    font-family: infoFont;
    src: url("../fonts/Sulcant Italic.otf");
}
@font-face {
    font-family: symbolFont;
    src: url("../fonts/Sulcant Italic.otf");
}
@font-face {
    font-family: titleFont;
    src: url("../fonts/Watermelon Script - TTF.ttf");
}

div.stanistil-title {
    text-align: center;
    font-family: stanistilFont;
    font-size: 2em;
    text-shadow: -10px 10px 10px #0009;    
}
body {
    font-size: 2.5em;
    background: #00000000;
}
.ball-title {
  color: transparent;
    background-color: #fff;
   text-shadow:0px 0px 3px var(--text-color);
     -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}
.ball-title-clone {
   color: #fff;
   text-shadow: -10px 10px 10px #0009;    
}
#location_box, #date_box, .stanistil-presents {
   text-shadow: -10px 10px 10px #0009;    
}
#location_box, #date_box {
    letter-spacing: -0.05em;
}
.stanistil-title::before,
.depth:after{
    content:"Stanistil";
   position: absolute;
/*    text-shadow: -10px 10px 10px #0009;    */ 
  color: transparent;
    background-color: #fff;
   text-shadow:0px 0px 1.5px var(--text-color);
     -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}