body{
  background-color: #00e5ff;
}
p1{
  position: absolute; 
  font-family: "Times New Roman", serif;
  font-size: 70px;
  color: #FF00CE;
  margin-top: 20px;
  margin-left: 20px;
}
.link{
  font-family: "Times New Roman", serif;
  font-size: 120px;
  color: #ffea00;
  display: block;
  position: absolute;
  text-align: center;
  left: 20%;
  top: 20%;
  opacity: 0%;
  text-decoration: none;
  z-index: 3;
}
p3{
  font-family: "Times New Roman", serif;
  font-size: 40px;
  color: #FF00CE;
  display: block;
  position: absolute;
  text-align: right;
  left: 30%;
  top: 50%;
  margin-right: 20px;
}
.link2{
  font-family: "Times New Roman", serif;
  font-size: 120px;
  color: #ffea00;
  display: block;
  position: absolute;
  text-align: center;
  left: 20%;
  top: 70%;
  opacity: 0%;
  text-decoration: none;
  z-index: 2;
}
.button{
    display: block;
    position: absolute; 
    bottom: 20px;
    left: 90%;
    font-size: 20px;
    color: #ff00ce;
  }
  .button:visited{
    color: #0501eb;
  }
p1:hover ~ .link{
  opacity: 100%;
}
p3:hover ~ .link2{
  opacity: 100%;
}
.link:visited{
  color: #ffea00;
}
.link2:visited{
  color: #ffea00;
}
p4{
  display: block;
  position: absolute; 
  bottom: 20px;
  left: 5%;
  font-size: 20px;
  color: #ff00ce;
}
img{
  position: absolute;
    width: 30%;
    height: 50%;
    display: block;
    top: 30%;
  z-index: 1;
}