html {
  background-image: url("/global/assets-halloween/background.jpg");
  background-size: auto 256px;
  background-repeat: repeat;
}
  a:visited, a:link {
      color: #fa5f5f;
}

details.left {
  background-image: url("/global/assets-halloween/bloodheader.gif");
  background-size: auto 40px;
  background-repeat: repeat-x;
  background-color: #000;
  color: #fd6500;
  border: inset 4px;
  user-select: none;
}
details > summary {
  list-style-type: '◷ ';
  color: #ffde05;
  text-align: left;
  font-size: 20px;
  padding-top: 5px;
}

.header-text {
  position: relative;
  text-align: center;
  font-size: 40px;
  color: #a601ff;
  text-shadow: 2px 2px 3px #2ef107fa;
}
.header-underline {
  border-top: solid #e59bfb;
  padding-bottom: 20px;
}

.lounge {
  background-image: url("/global/assets-halloween/pumpkin2.png");
  background-color: #000;
  background-size: 250px;
  background-repeat: repeat;
}

#body {
  background-image: url("/global/assets-halloween/spiders.jpg");
  background-size: auto 256px;
  background-repeat: repeat;
  color: #bc06f9;
  text-shadow: 1px 1px 1px #f9faf9fa;
}

#backlog {
  background-color: #fc4a03;
}
#backlog .title {
  color: #f3fb04;
  text-align: center;
  font-size: 30px;
}
#backlog .title-underline {
  border: #f3fb04 1px solid;

}
#backlog .content {
  background-image: url("/global/assets-halloween/bloodheader.gif");
  background-color: #000;
  background-size: 40px;
  background-repeat: repeat-x;
  color: #f3ce00;
}


.randomlinks {
  background-color: #fc4a03;
}

#updates {
  background-color: #fc6203;
  border-color: #fff;

}
#updates .title {
  color: #f3fb04;
}

#mybutton {
  background-color: #fc4a03;
}
#mybutton .addmyshit{
  color: #f3ce00;
}

#friends {
  background-color: #fc6203;
}
#friends .title{
  color: #ffc402;
}

#coolsites {
  background-color: #fc6203;
}
#coolsites .title{
  color: #ffc402;
}

#webrings {
  background-color: #fc6203;
}
#webrings .title{
  color: #ffc402;
}

#links {
  background-color: #fc6203;
}
#links .title{
  color: #ffc402;
}

.blood-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 128px;
  background-image: url("/global/assets-halloween/bloodheader.gif");
  background-size: auto 128px;
  background-repeat: repeat-x;
  z-index: 69420;
  pointer-events: none;
}

.ghost-float1 {
  position: fixed;
  top: 10%;
  right: -1200px;
  width: 1156px;
  height: 100px;
  background-image: url("/global/assets-halloween/ghost1.gif");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 999;
  pointer-events: none;
  animation: ghost-fly1 7s linear infinite;
  filter: drop-shadow(0 0 10px rgba(49, 189, 0, 1));
}
@keyframes ghost-fly1 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateX(-25vw) translateY(-27px);
  }
  50% {
    transform: translateX(-50vw) translateY(50px);
  }
  75% {
    transform: translateX(-75vw) translateY(-40px);
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(-100vw) translateY(0);
    opacity: 0;
  }
}

.bat-fly1 {
  position: fixed;
  top: 30%;
  left: -10px;
  width: 1156px;
  height: 256px;
  background-image: url("/global/assets-halloween/bat1.gif");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 999;
  pointer-events: none;
  animation: bat-fly1 9s linear infinite;
  filter: drop-shadow(0 0 10px rgba(105, 0, 150, 1));
}
@keyframes bat-fly1 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateX(25vw) translateY(-27px);
  }
  50% {
    transform: translateX(50vw) translateY(50px);
  }
  75% {
    transform: translateX(75vw) translateY(-20px);
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(100vw) translateY(0);
    opacity: 0;
  }
}

.witch-fly1 {
  position: fixed;
  top: 50%;
  right: -1200px;
  width: 1156px;
  height: 128px;
  background-image: url("/global/assets-halloween/witch1.gif");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 999;
  pointer-events: none;
  animation: witch-fly1 3s linear infinite;
  filter: drop-shadow(0 0 10px rgba(66, 255, 0, 1));
}
@keyframes witch-fly1 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateX(-25vw) translateY(-20px);
  }
  50% {
    transform: translateX(-50vw) translateY(60px);
  }
  75% {
    transform: translateX(-75vw) translateY(-23px);
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(-100vw) translateY(0);
    opacity: 0;
  }
}

.demon-fly1 {
  position: fixed;
  top: 70%;
  left: -10px;
  width: 1156px;
  height: 110px;
  background-image: url("/global/assets-halloween/demon1.gif");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 999;
  pointer-events: none;
  animation: demon-fly1 15s linear infinite;
  filter: drop-shadow(0 0 2px rgba(255, 252, 0, 1));
}
@keyframes demon-fly1 {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateX(25vw) translateY(-27px);
  }
  50% {
    transform: translateX(50vw) translateY(70px);
  }
  75% {
    transform: translateX(75vw) translateY(-15px);
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(100vw) translateY(0);
    opacity: 0;
  }
}

.skeleton-walk {
  position: fixed;
  bottom: 0%;
  left: -10px;
  width: 1156px;
  height: 110px;
  background-image: url("/global/assets-halloween/skeleton1.gif");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 999;
  pointer-events: none;
  animation: skeleton-walk 4s linear infinite;
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 1));
}
@keyframes skeleton-walk {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    transform: translateX(25vw) translateY(0px);
  }
  50% {
    transform: translateX(50vw) translateY(0px);
  }
  75% {
    transform: translateX(75vw) translateY(0px);
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(100vw) translateY(0);
    opacity: 0;
  }
}