.abm, .Button, .fotos , .hojaclip, .spotify, .text1, .aboutme, .text2, .batallas, .atcme, .ponyo{
  position: absolute;   /* cada botón se coloca con coordenadas */
}

.novia, .flow, .bbb,.baners, .titulo , .box1, .text3{
  position: absolute;   /* cada botón se coloca con coordenadas */
}


/*About me*/
.fondoab{
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;           
  background-size: cover;  
  background-position: center;
  background-repeat: no-repeat;
  margin: 0;
 
}

.fotos{
   top: 21%;
   left:11%;

}

.spotify{
  top: 70%;
  left: 9%;
}
.box1{
  top: 10%;
  right: 1%;
}

.text1{
  font-family: OldNewspaperTypes;
  color: white;
  font-size: 20px;
  text-align: left;
  top: 35%;
  right: 83%;
}

.aboutme{
  top: 3%;
  color: white;
  right: 35%;
}
.text2{
  font-family: OldNewspaperTypes;
  color: white;
  font-size: 20px;
  text-align: left;
  top: 35%;
  right:43%;
}
.text3{
  font-family: OldNewspaperTypes;
  color: white;
  font-size: 20px;
  text-align: left;
  top: 15%;
  right:45%;

}

.batallas{
  top: 43%;
  width: 15%;
  height: 20%;
  right: 80%;
}

.atcme{
  top: 43%;
  width: 15%;
  height: 20%;
  right:60%;
}

.ponyo{
  top: 43%;
  width: 15%;
  height: 20%;
  right:0%;
}
.novia{
  top:43%;
  width: 15%;
  height: 20%;
  right:20%;
}
.flow{
  top: 43%;
  width: 15%;
  height: 20%;
  right: 40%; 
}