html,body{
margin: 0px;
padding: 0px;
height:100%;
background-color:#000000;
background-image:url('https://vulturequills.neocities.org/vampwolf/Assets/meat.png');
font-family: MedievalSharp; /* set name */
  src: url(/font/MedievalSharp.ttf); /* url of the font */
font-size: 15px;
color:#fff;
text-align:justify;
letter-spacing:1px;
text-shadow: 1px 1px darkred;
overflow:hidden;
}

h1{
text-shadow: 2px 2px red;
padding:2px;
color:white;
font-size:14px;
line-height:20px;
font-family:MedievalSharp;
display:block;
border-bottom:1px solid darkred;
letter-spacing:2px;
margin: -2px 0px 0px -4px;
background-color:#33080B;
}

/* Outermost box that keeps everything else within it so it remains centered */
#box1{
position:relative;
width:550px;
border-radius: 2px;
height:895px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* Comic Page Container */
#box2{
position:relative;
overflow-x:hidden;
overflow-y:hidden;
display: block;
margin-left: auto;
margin-right: auto;
width:550px;
height:850px;
background-color:rgba(0,0,0,0.4);
border:5px solid black;
} 

/* Outermost box that keeps everything else within it so it remains centered */
#box3{
position:relative;
width:600px;
border-radius: 1px;
border:3px double white;
height:600px;
margin:10px auto;
padding:25px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#hoverboard {animation-timing-function: ease-in-out;}
#hoverboard {
  overflow:hidden;
  height:310px;
  width:412px;
  bottom:200px;
  left:-220px;
  text-align:center;
  font-size:14px;
  background-image:url(Assets/vamp.png);
  animation-name: hoverboard;
  position:absolute;
  animation-duration: 2s;
    animation-iteration-count: infinite;
    
}

@keyframes hoverboard {
  
  0%   {top:-190px;}
  50% {top:-170px;}
  100% {top:-190px;}
}