body{
  background-color: #0501e1;
}
p1{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify; 
  width: 35%;
  font-size: 25px;
  top: 10%;
  left: 30%;
  z-index: 2;
}

p2{
  color: #00e5ff;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 20px;
  top: 5%;
  left: 5%;
}
.koalas{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 10%;
  left: 5%;
}
.koalas:hover{
  color: #ff00c8
}
.anguila{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 15%;
  left: 5%;
}
.anguila:hover{
  color: #ff00c8
}
.dibujo{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 20%;
  left: 5%;
}
.dibujo:hover{
  color: #ff00c8
}
.binarios{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 25%;
  left: 5%;
}
 .binarios:hover{
   color: #ff00c8
 }
.gifcities{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 30%;
  left: 5%;
}
.gifcities:hover{
  color: #ff00c8
}
.random{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 35%;
  left: 5%;
}
.random:hover{
  color: #ff00c8
}

p3{
  color: #00e5ff;;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 20px;
  top: 40%;
  left: 5%;
}
.sound{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 45%;
  left: 5%;
}
.sound:hover{
  color: #ff00c8
}
.mariposa{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 50%;
  left: 5%;
}
.mariposa:hover{
  color: #ff00c8
}
.computador{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 55%;
  left: 5%;
}
.computador:hover{
  color: #ff00c8
}
.game{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 60%;
  left: 5%;
}
.game:hover{
  color: #ff00c8
}

.rafael{
  color: #00e5ff;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 20px;
  top: 65%;
  left: 5%;
}
.rafael:hover{
  color: #ff00c8
}
p4{
  color: #00e5ff;;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 20px;
  top: 70%;
  left: 5%;
}
.transit{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 75%;
  left: 5%;
}
.transit:hover{
  color: #ff00c8
}
.cross{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 80%;
  left: 5%;
}
.cross:hover{
  color: #ff00c8
}
.rio{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 85%;
  left: 5%;
}
.rio:hover{
  color: #ff00c8
}

p5{
  color: #00e5ff;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 20px;
  top: 40%;
  left: 30%;
}
.wikipedia{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 45%;
  left: 30%;
}
.wikipedia:hover{
  color: #ff00c8
}
.archive{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 50%;
  left: 30%;
}
.archive:hover{
  color: #ff00c8
}
.banrep{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 55%;
  left: 30%;
}
.banrep:hover{
  color: #ff00c8
}
.deitch{
  color: #eaeaea;
  display: block;
  position: absolute;
  text-align: justify;
  font-size: 15px;
  top: 60%;
  left: 30%;
}
.deitch:hover{
  color: #ff00c8
}
.button{
  color: #00e5ff;
  display: block;
  position: absolute;
  font-size: 15px;
  text-align: justify;
  left: 30%;
  top: 90%;
}
img{
  width: 40%;
  height: 50%;
  position: absolute;
  display: block;
  right: 0%;
  top: 20%;
  z-index: 1;
}