body{
  background-color: black;
  cursor: url('https://i.postimg.cc/HsnYyvpN/209861.png'), auto;
  text-align: center;

}
a:hover{
  cursor: url('https://i.postimg.cc/HsnYyvpN/209861.png'), auto;
}
.content{
  position: relative;
  overflow: hidden;
}
.sunnysprite {
  position: absolute;
  width: 200px;
transform: translateX(700px) translateY(-450px);
}
.sunnysprite:hover{
  border: ridge yellow;
}
.sunnysprite img{
  opacity: 0;
}

#btn1 {
  transform: translateX(370px) translateY(-250px);
  opacity: 0;
  color: #006064;
  background: none;
  border: none;
  
}
#btn1:hover {
  cursor: url('https://i.postimg.cc/HsnYyvpN/209861.png'), auto;
  opacity: 1;
}
#btn2 {
  transform: translateX(187px) translateY(-405px);
  opacity: 0;
  color: #006064;
  background: none;
  border: none;
}
#btn2:hover {
  cursor: url('https://i.postimg.cc/HsnYyvpN/209861.png'), auto;
  opacity: 1;
  border: ridge 3px yellow;
}
#btn3 {
  transform: translateX(370px) translateY(-200px);
  opacity: 0;
  color: #006064;
  background: none;
  border: none;
}
#btn3:hover {
  cursor: url('https://i.postimg.cc/HsnYyvpN/209861.png'), auto;
  opacity: 1;
}
#btn4 {
  transform: translateX(-370px) translateY(-250px);
  opacity: 0;
  color: #006064;
  background: none;
  border: none;
}
#btn4:hover {
  cursor: url('https://i.postimg.cc/HsnYyvpN/209861.png'), auto;
  opacity: 1;
}
.hidden {
  display: none;
}

.textbox {
  position: fixed;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: white;
  padding: 20px;
  border: 6px ridge white;
  width: 60%;
  text-align: center;
  z-index: 1001;
}

.textbox-content {
  position: relative;
  font-family: "8bitoperator JVE Regular";
  font-size: 25px;
}

.textbox button {
  background: none;
  border: none;
  color: white;
  padding: 10px 20px;
  margin-top: 20px;
  cursor: url('https://i.postimg.cc/HsnYyvpN/209861.png'), auto;
  font-family: "8bitoperator JVE Regular";
  font-size: 15px;
}
.textbox button:hover{
  color: yellow;
  
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
@font-face {
  font-family: "8bitoperator JVE Regular";
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/184191/8bitoperator_jve.eot?") format("eot"),
       url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/184191/8bitoperator_jve.woff") format("woff"),
       url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/184191/8bitoperator_jve.ttf") format("truetype"),
       url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/184191/8bitoperator_jve.svg#8bitoperator-JVE") format("svg");
  font-weight: normal;
  font-style: normal;
}