@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 1.5s fadeInUp;
}


body
{
  background-color:black;
  display: flex;
    color:white;
  font-family:"Tiny5";
  
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    position:relative;
    z-index:2;
    transform:scale(.65);
   cursor: url("resources/ddr.png"), auto;
}



#wacca
{
  background-image:url('resources/wacca-removebg-preview.png');
  background-repeat:no-repeat;
  background-size:cover;
  position:absolute;
  z-index:-1;
  width:400px;
  height:400px;
  left:50%;
  bottom:95%;
}
  


.star-container {
    position:relative;
    z-index:-1;

}
 
/* The core neon styling */
.neon-star {
   text-shadow:
      0 0 5px currentColor,
      0 0 15px currentColor,
      0 0 30px currentColor,
      0 0 50px currentColor;
    animation: flash 5s infinite alternate ease-in-out;
    position: absolute;
    transition: top 2s, left 2s;
    z-index: -1; /* behind other content */
    pointer-events: none; /* so stars don't block interaction */
}

 @keyframes flash {
    0% {
      opacity: 0.5;
      text-shadow: 0 0 5px currentColor, 0 0 15px currentColor, 0 0 30px currentColor, 0 0 50px currentColor;
    }
    50% {
      opacity: 0.2;
      text-shadow: none;
    }
    100% {
      opacity: 0.5;
      text-shadow: 0 0 5px currentColor, 0 0 15px currentColor, 0 0 30px currentColor, 0 0 50px currentColor;
    }
  }





#contentwrapper
{
  width:700px;
  height:500px;
  -webkit-box-shadow:0px 0px 158px 0px rgba(175,46,255,0.9);
-moz-box-shadow: 0px 0px 158px 0px rgba(175,46,255,0.9);
box-shadow: 0px 0px 158px 0px rgba(175,46,255,0.9);
margin:0;
left:0;
right:0;
background-color:black;
overflow:auto;
align-content:center;
display:flex;
justify-content:center;


}





#content p
{
  color:black;
  background-color:white;
}


#cabs
{
  width:200px;
  height:200px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
    bottom:0;
    position:absolute;
    right:0;
    color:white;
  font-family:"Tiny5";
  
}



#image-container img
{
  overflow:hidden;
  width:auto;
  height:auto;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

  #MUSICCODESTUFF
  {
    
    
    position:absolute;
    z-index:999;
    left:10%;
    bottom:25%;
  }