@font-face {
  font-family: dock11;
  src:url(heavy_dock11.otf);
}
body {
  margin:0;
  width:100vw;
  height: 100vh;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  overflow:hidden;
  background-size: cover;
  background-color:#332720;
  color:white;
}
.background-text {
  font-family: dock11;
  font-size: 120px;
  letter-spacing: 15px;

  color:transparent;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;

  background-image: url("background.jpg");
  background-size: 120%;  
  animation: bg-animation 30s cubic-bezier(0.3,0,0.7,1) infinite;
  
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}
.normal-text {
  font-family: dock11;
  font-size: 50px;
  letter-spacing: 6px;
  color:white;
  
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}
@keyframes bg-animation {
  0% {background-position: 0% 0%;}
  50% {background-position: 100% 100%;}
  100% {background-position: 0% 0%;}
}