body {
    font-family:'Raleway';
    color:#880000;
    background-image:url('https://milkomatic.neocities.org/resources/m0yfcXH.gif');
    background-size: ;
    background-color: #FFF9EF;
    overflow:hidden; 
} 

#container {
  max-width: 1000px;
  max-height:2000px;
  margin: 0 auto;
  margin-top:2%;

}
h1,h2,h3,h4,h5,h6 {
    color: #EB7A7E;
    font-family: 'Darumadrop One', cursive;
    text-shadow: 3px 3px #521906;

    }
a:link {
  color: #EB7A7E;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
    color: #EB7A7E;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #EB7A7E;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: #EB7A7E;
  background-color: transparent;
  text-decoration: none;
}
.box{
  position: absolute;
  top: 0; left: 0;
  right: 0; bottom: 0;
  height: 100vh; width: 100vw;
  display: flex; 
  justify-content: center;
  align-items: center;
  padding:-10px;
}
.box span{
  position: relative;
  top: 20px;
  display: inline-block;
  animation: bounce 0.5s ease infinite alternate;
}
@keyframes bounce{
  100%{
    top: -20px;
    text-shadow: 0 1px #521906, 
                 0 2px #521906, 
                 0 3px #521906, 
                 0 4px #521906, 
                 0 5px #521906,
                 0 6px #521906, 
                 0 7px #521906, 
                 0 8px #521906, 
                 0 9px #521906, 
                 0 50px 25px rgba(0, 0, 0, 0.2);
  }
}
.box span:nth-child(2){
  animation-delay:0.1s;
}
.box span:nth-child(3){
  animation-delay:0.2s;
}
.box span:nth-child(4){
  animation-delay:0.3s;
}
.box span:nth-child(5){
  animation-delay:0.4s;
}