@font-face {
  font-family: vsvbelgium;
  src: url("/fonts/drunkfonts.otf");
}

@font-face {
  font-family: dotimpact;
  src: url("/fonts/dotimpact.ttf");
}

@font-face {
  font-family: dephunked;
  src: url("/fonts/dephun2.ttf");
}

body{
 background-color:black;
 color:white;
 font-family:vsvbelgium;
 text-align:center;
 width:100%;
}

@keyframes textFadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

h1{
  opacity:0;
  font-size:80px;
  margin-top:90px;
  animation-name: textFadeIn;
  animation-duration: 2s;
  animation-timing-function: ease-in;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

#questionmark{
  margin:0px;
  font-family:dotimpact;
  display:inline-block;
  font-size:70px;
  font-weight:normal;
}

p{
 font-size:60px; 
 width:100%;
 max-width:1000px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0px;
 padding-bottom:0px;
}

#dtdd1{
 opacity:0;
 animation-name: textFadeIn;
 animation-duration: 2s;
 animation-timing-function: ease-in;
 animation-delay: 4s;
 animation-fill-mode: forwards;
 
}

#dtdd2{
  opacity:0;
  margin-top:15px;
  animation-name: textFadeIn;
  animation-duration: 2s;
  animation-timing-function: ease-in;
  animation-delay: 7s;
  animation-fill-mode: forwards;
}