body{
  background-color: #00e5ff;
}
p1{
  color: #FF00CE;
  display: block;
  position: absolute;
  width: 30%;
  top: 5%;
  font-size: 30px;
  text-align: justify;
  left: 60%
}
p2{
  color: #ffff00;
  display: block;
  position: absolute;
  top: 15%;
  font-size: 70px;
  opacity: 0%;
}
p2:hover{
  opacity: 100%;
}
p3{
  color: #ffff00;
  display: block;
  position: absolute;
  top: 30%;
  left: 20%;
  font-size: 70px;
  opacity: 0%;
  z-index: 3;
}
p3:hover{
  opacity: 100%
}

p4{
  color: #ffff00;
  display: block;
  position: absolute;
  top: 45%;
  left: 45%;
  font-size: 70px;
  opacity: 0%;
  z-index: 4;
}
p4:hover{
  opacity: 100%;
}
p5{
  color: #ffff00;
  display: block;
  position: absolute;
  top: 60%;
  left: 70%;
  font-size: 70px;
  opacity: 0%;
  z-index: 5;
}
p5:hover{
  opacity: 100%;
}
p6{
  color: #FF00CE;
  display: block;
  position: absolute;
  width: 30%;
  top: 45%;
  font-size: 30px;
  text-align: justify;
  left: 10%;
}
p7{
  color: #FF00CE;
  display: block;
  position: absolute;
  width: 30%;
  top: 75%;
  left: 60%;
  font-size: 30px;
  text-align: justify;
  z-index: 2;
}
img{
    position: absolute;
    width: 30%;
    display: block;
    right: 25%;
  top: 30%;
  z-index: 1; 
    }
.button{
  color: #ffff00;
  display: block;
  position: absolute;
  font-size: 30px;
  text-align: justify;
  left: 10%;
  top: 90%;
}