body{
  background-color: #2fe100;
}
p1{
  display: block; 
  position: absolute;
  text-align: justify; 
  width: 400px;
  font-size: 40px;
  left: 200px;
  top: 150px;
  font-family: "Times New Roman", serif;
  color: #0501EB;
}
p2{
  display: block; 
  position: absolute;
  text-align: justify; 
  width: 400px;
  font-size: 38px;
  right: 150px;
  top: 150px;
  font-family: "Times New Roman", serif;
  color: #0501EB;
}
p3{
  display: block;
  position: absolute;
  right: 400px;
  top: 300px;
  font-size: 75px;
  color: #00e5ff;
  opacity: 0%;
}
p1:hover ~ p3 {
  color: #00e5ff;
  opacity: 100%;
}

p2:hover ~ p3 {
  color: #00e5ff;
  opacity: 100%;
}
p1:hover{
  opacity: 0%;
}
p2:hover{
  opacity: 0%;
}
.button{
  display: block;
  position: absolute; 
  bottom: 20px;
  left: 48%;
  font-size: 30px;
  color: #0501EB;
}
.button:visited{
  color: #0501eb;
}