:root{
    /*--primary-color: #83b05a;*/
    --primary-color: #5f9e7aff;
    --primary-color-highlight: #c3ecd3ff;
    --secondary-color: #a1d1b4ff;
    --secondary-color-highlight: #136c44ff;
    --tertiary-color: #444;
    --quaternary-color: #555;
    --background-color: #000;
    --menu-item-color: #0d4c30ff;
    --menu-item-color-highlight: #ccc;
    --menu-text-color: #0d4c30ff;
    --menu-text-color-highlight: #ccc;
    --shadow-color: var(--secondary-color-highlight);
    --background-image: url("../media/waltz-of-the-wizards/waltz-of-the-wizards.svg");
    --mainfont: url("../fonts/FREESCPT.ttf");
    --text-color: #0d4c30ff;
    --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/LavishlyYours-Regular.woff2");*/
    src: url("../fonts/ImperialScript-Regular.woff2");
}

div.stanistil-title {
    text-align: center;
    font-family: stanistilFont;
    font-size: 2em;
    text-shadow: -5px 5px white;
    color: black;
}
body {
    font-size: 3em;
    background: #00000000;
/*     background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color-highlight) 50%, var(--primary-color) 100%); */
}
.ball-title {
    color: var(--secondary-color-highlight);
    text-shadow: 0.01em 0.01em var(--text-color);

}
.band {
    color: var(--secondary-color-highlight);
    font-family: titleFont;
    text-shadow: 0.02em 0.02em white;
}
#location_box, #location_box a, #date_box {
    /*color: var(--primary-color-highlight);*/
    /*color: var(--secondary-color-highlight);*/
}
img, .box {
    box-shadow: .3em .3em .3em var(--shadow-color);
}