@font-face {
  font-family: 'shonen punk' ; 
  src: url(https://files.catbox.moe/bo5dsw.ttf)  format("truetype"); 
}

@font-face { 
  font-family: 'shonen punk custom' ; 
  src: url(https://files.catbox.moe/lyjkef.ttf) format("truetype");
}

@font-face { 
  font-family: 'mcr' ; 
  src: url(https://external-media.spacehey.net/media/s-Q6zzUjSoxw7pJjVtdghYdKnTSr78LDWl-cuKRVveeI=/https://dl.dropbox.com/s/vlwjpiu7bq4zy7j/my_chemical_romance.ttf) format("truetype"); 
}

@font-face { 
  font-family: 'goth stencil'; 
  src: url(https://external-media.spacehey.net/media/sNFk4i5b3xm5OvP1GIzqiAAERXMF6Bs9tvJzqM1aEPnY=/https://dl.dropbox.com/s/lix8jq02xbdc7xs/GothStencil_Premium.ttf) format("truetype"); 
}

body{
margin: 0;
background-image: url("https://64.media.tumblr.com/e60a2de4b7cab595b8d943c97a0023b1/9763eb4c5ab8a923-b7/s540x810/192e5a61433ed7c08d8c077254377dc09468b15c.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
font-size: 120%;
text-transform: lowercase;
overflow: hidden;
}

.imagen1{
  width:100vw;
  height:235vh;
  position:absolute;
  top:-61%;
  left:-35%;
  z-index:-1;
}
  .imagen1 {
  animation: girar 15s linear infinite;
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.texto1{
  position:absolute;
  top:10%;
  left:1.5%;
  font-size:750%;
  line-height: 0.5;
  font-family: "shonen punk";
  color: #060409;
}

.texto2{
  position:absolute;
  top:8%;
  left:2.3%;
  font-size:750%;
  line-height: 0.5;
  font-family: "shonen punk";
  color: #c1d736;
}