html, body {
  margin: 0;
  scroll-behavior: smooth;
  background-image: radial-gradient(#28475F, #0C2130);
  background-color: #24283E;
  width: 95vw;
  height: 500vh;
}
#buttonv{
  width: 75px;
  height: 75px;
  background-image: url("https://i.imgur.com/reTLZnh.png");
  background-size: contain;
}
.button{
  background-color: #496A83;
  width: 300px;
  height: 300px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
  transition: 0.5s;
  text-align: center;
  color: transparent;
  line-height: 650px;
  position: absolute;
}
.button:hover{
  height: 350px;
  color: black;
  opacity: 1;
}
#button01{
  margin-top: 15vh;
  margin-left: 10vh;
  background-image: url("./img/aiello.png");
}
#button02{
  margin-top: 15vh;
  margin-left: 27.9vw;
  background-image: url("./img/ainesederf.jpg") ;
}
#button03{
  margin-top: 15vh;
  margin-left: 50.9vw;
  background-image: url("./img/arroyo.png");
}
#button04{
  margin-top: 15vh;
  margin-left: 73.9vw;
  background-image: url("./img/balocco.png");
}
#button05{
  margin-top: 70vh;
  margin-left: 4.8vw;
  background-image: url("./img/barbero.png");
}
#button06{
  margin-top: 70vh;
  margin-left: 27.9vw;
  background-image: url("./img/bascur.png");
}
#button07{
  margin-top: 70vh;
  margin-left: 50.9vw;
  background-image: url("./img/batistoni.png");
}
#button08{
  margin-top: 70vh;
  margin-left: 73.9vw;
  background-image: url("./img/cabero.png");
}
#button09{
  margin-top: 125vh;
  margin-left: 4.8vw;
  background-image: url("./img/carrasco.jpg");
}
#button10{
  margin-top: 125vh;
  margin-left: 27.9vw;
  background-image: url("./img/castiglia.jpg");
}
#button11{
  margin-top: 125vh;
  margin-left: 50.9vw;
  background-image: url("./img/constantino.png");
}
#button12{
  margin-top: 125vh;
  margin-left: 73.9vw;
  background-image: url("./img/corchen.jpg");
}
#button13{
  margin-top: 180vh;
  margin-left: 4.8vw;
  background-image: url("./img/delcarmen.png");
}
#button14{
  margin-top: 180vh;
  margin-left: 27.9vw;
  background-image: url("./img/domijan.png");
}
#button15{
  margin-top: 180vh;
  margin-left: 50.9vw;
  background-image: url("./img/dorzi.png");
}
#button16{
  margin-top: 180vh;
  margin-left: 73.9vw;
  background-image: url("./img/flores.jpg");
}
#button17{
  margin-top: 235vh;
  margin-left: 4.8vw;
  background-image: url("./img/folini.png");
}
#button18{
  margin-top: 235vh;
  margin-left: 27.9vw;
  background-image: url("./img/garcia.png");
}
#button19{
  margin-top: 235vh;
  margin-left: 50.9vw;
  background-image: url("./img/gimenez.jpg");
}
#button20{
  margin-top: 235vh;
  margin-left: 73.9vw;
  background-image: url("./img/gonzalez.png");
}
#button21{
  margin-top: 290vh;
  margin-left: 4.8vw;
  background-image: url("./img/iasillo.png");
}
#button22{
  margin-top: 290vh;
  margin-left: 27.9vw;
  background-image: url("./img/labrada.png");
}
#button23{
  margin-top: 290vh;
  margin-left: 50.9vw;
  background-image: url("./img/llanos.jpg");
}
#button24{
  margin-top: 290vh;
  margin-left: 73.9vw;
  background-image: url("./img/marcote.jpg");
}
#button25{
  margin-top: 345vh;
  margin-left: 4.8vw;
  background-image: url("./img/martin.jpg");
}
#button26{
  margin-top: 345vh;
  margin-left: 27.9vw;
  background-image: url("./img/martinez.jpg");
}
#button27{
  margin-top: 345vh;
  margin-left: 50.9vw;
  background-image: url("./img/nouguez.png");
}
#button28{
  margin-top: 345vh;
  margin-left: 73.9vw;
  background-image: url("./img/prado.jpg");
}
#button29{
  margin-top: 400vh;
  margin-left: 4.8vw;
  background-image: url("./img/rodriguez.jpg");
}
#button30{
  margin-top: 400vh;
  margin-left: 27.9vw;
  background-image: ;
}
#button31{
  margin-top: 400vh;
  margin-left: 50.9vw;
  background-image: url("./img/salvatierra.jpg");
}
#button32{
  margin-top: 400vh;
  margin-left: 73.9vw;
  background-image: url("./img/sanchez.jpg");
}
#button33{
  margin-top: 455vh;
  margin-left: 12.9vw;
  background-image: url("./img/saravi.png");
}
#button34{
  margin-top: 455vh;
  margin-left: 38.6vw;
  background-image: url("./img/suarez.png");
}
#button35{
  margin-top: 455vh;
  margin-left: 63.4vw;
  background-image: url("./img/teixido.png");
}