@import url('//fonts.googleapis.com/css2?family=Aladin&family=Creepster&family=Nosifer&family=Rubik+Wet+Paint&display=swap');
#pageheader {
    background: url(/images/css/halloween_header.jpg);
    background-size: cover;
}
#sloganfirst,#sloganlast {display: none;}
#headerslogan {
    background-image: url(/images/css/halloween_title.png);
    width: 500px;
    height: 80px;
    margin-top: -5px;
    background-size: 90%;
    background-repeat: no-repeat;
}

.darkmode #inner-wrapper, #inner-wrapper {
    background-color: #232425;
    background-image: url(/images/css/halloween_wall.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

h1 {
    font-family: "Nosifer", sans-serif !important;
    color: red !important;
}

h2, h3 {
    font-family: "Creepster", system-ui !important;
    color: darkorange !important;
    letter-spacing: 3px;
}

.title {
   font-family: "Aladin", system-ui !important;
    letter-spacing: 3px;
}

.titlebar h1 {
   font-family: "Aladin", system-ui !important;
    letter-spacing: 3px;
    color: darkorange !important;
}


#content {
    background-image: url(/images/css/spiderweb.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-blend-mode: darken;
}