h1{
    font-family: "TEMBLORES";
    font-size:45px;
    margin-left:110px;
    
  }
  
  p{
    font-family: "AnalogueOS";
    font-size:20px;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-right:68px;
  
    
  }
  
  br{
  font-family: "AnalogueOS";
    font-size:20px;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-right:68px;
  
}
  
  a{
     cursor: url(https://i.postimg.cc/qvqX1RRV/8528a.gif), pointer;
  }
    
  
  
 .sullen-girl{
    position:relative;
    top:84px;
    left:-2px;
     
}


  .div-gif1{
    position:relative;
    left:3px;
    top:54px;
  }
  
  .div-gif2{
    position: relative;
    left:-2px;
    top:29px;
    
    
  }
  
  
  .div-gif3{
    position:relative;
    left:99px;
    top:-29px;
    
    
  }
  
  
  .div-gif4{
    position:relative;
    left:99px;
    top:-121px;
    
    
  }
  
  
  .div-gif5{
    position: relative;
    top:-213px;
    left:99px;
  
  }
  
  
  .div-gif6{
    position:relative;
    top:-271px;
    left:4px;
    
  }
  
   .div-gif7{
    position:relative;
    top:-366px;
    left:5px;
    
}

  .div-gif8{
    position:relative;
    top:-424px;
    left:99px;
}


    #div-container2{
      border:crimson 7px groove;
      border-radius: 2rem;
      height:538px;
      width:247px;
      margin-left:7px;
      margin-top: -725px;
      margin-bottom: 100px;
      padding-top:17px;
      padding-left: 8px;
      background-image:url(https://i.postimg.cc/0jcYSq59/82b0b3d95d6e73fe3fca245cbe55c7cf-2.jpg);
      opacity: 0.95;
      
    
  }
  
  
  
  #div-container1{
      border:crimson 7px groove;
      border-radius: 2rem;
      height:653px;
      width:582px;
      margin-left:284px;
      margin-top: 42px;
      margin-bottom: 100px;
      padding-top:19px;
      padding-left: 57px;
      background-image:url(https://i.postimg.cc/GhnX1qDh/yellow.png);
      overflow:scroll;
     
      
  }
  
  
  #div-container3{
      border:crimson 7px groove;
      border-radius: 2rem;
      height:539px;
      width:247px;
      margin-left:924px;
      margin-top: -543px;
      padding-top:17px;
      padding-left: 8px;
      background-image:url(https://i.postimg.cc/0jcYSq59/82b0b3d95d6e73fe3fca245cbe55c7cf-2.jpg);
      opacity: 2.13;
      
    
  }
  
#div-container4{
      border:crimson 7px groove;
      border-radius: 2rem;
      height:153px;
      width:195px;
      margin-left:11px;
      margin-top: 12px;
      padding-top:17px;
      padding-left: 8px;
      background-image:url(https://i.postimg.cc/GhnX1qDh/yellow.png);
}
  
  
  

  .button {
  border:outset 3PX groove;
  border-radius: 1rem;
  color: white;
  padding: 13px 25px;
  text-align: center;
  text-decoration: none;
  display:flex;
  font-family: "TEMBLORES";
  font-size: 20px;
  margin: 4px 2px;
  cursor: url(https://i.postimg.cc/qvqX1RRV/8528a.gif), pointer;
  transition-duration: 0;
  
}

  .button:hover{
    background-color: #44e7ab; /* Green */
    color: black;
  }  
  

  
  
.button1 {
  background-color: crimson;
  margin-left: 79px}
.button2 {
  background-color: crimson;}
.button3 {background-color:crimson;} 
.button4 {background-color:crimson;}
.button5 {background-color:crimson;}
.button6 {background-color:crimson;}
.button7 {background-color:crimson;}
.button8 {background-color:crimson;}
.button9 {background-color:crimson;}
.button10 {
  background-color:#ffffcc;
  margin-left: 123px;}
.button11{
  background-color: #44e7ab;
  margin-left: 83px}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  padding: 0.55em 1.1em;
  background-color: #ffffcc;
  color: black;
  text-align: center;
  border-radius: 0.45em;
  white-space:normal;
  font-size: 13px;
  font-family: "AnalogueOS";
  
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top:30px;
  left:-20px;
  transition-property: visibility;
  transition-delay: 0s;
}



.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: 37px;
  border-width: 11px;
  border-style: dotted;
  border-color: #ffffcc transparent transparent transparent;
  
  
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}