main {
    
    padding-left: 100px;
    
    padding-top: 30px;
   

  
 }
 h1 {
    font-size: 90px;
    background: url("Images/bluestarsparkle.gif"); 
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent;
    font-family:'american typewriter';
    -webkit-text-stroke: 2px;
    color:rgb(44, 152, 176);   
    padding-left: 400px;
}



head {


  
}
    
    

    

    
    
    


body {

    background-color:rgba(253, 255, 205, 0.611);
    background-image: url(Images/confettiparty.gif);
    background-size: 500px;
    background-repeat:initial;
    height: 1000px;
    
    
}





  
 







.booza-hover {
    position: absolute;
    height: 270px;
    width: auto;
    padding-left: 700px;
    padding-top: 115px;
    z-index: 10;
  
   
   }
  
   .booza-hover img {
    position: absolute;
    left: 0;
    width: auto;
    height: 270px;
    padding-left: 700px;
    padding-top: 115px;
    z-index: 10;
    
    }

  .booza-hover img.img-front:hover{
    opacity:0;
    cursor: pointer;
  }




  .rollicecream-hover {
    position: absolute;
    height: 300px;
    width: auto;
    padding-left: 360px;
    padding-top: 110px;
    z-index: 20;
    

  
   }
  
   .rollicecream-hover img {
    position: absolute;
    left: 0;
    width: auto;
    height: 300px;
    padding-left: 360px;
    padding-top: 110px;
    z-index:20;
  
    }

  .rollicecream-hover img.img-front:hover{
    opacity:0;
    cursor: pointer;
  }




.bananasplit-hover {
    position: absolute;
    height: 230px;
    width: auto;
    padding-left: 500px;
    padding-top: 320px;
    z-index: 11;
   }
  
   .bananasplit-hover img {
    position: absolute;
    left: 0;
    width: auto;
    height: 260px;
    padding-left: 500px;
    padding-top: 320px;
    z-index: 11;
    }

  .bananasplit-hover img.img-front:hover{
    opacity:0;
    cursor: pointer;
  }






  .mochiicecream-hover {
    position: absolute;
    height: 200px;
    width: auto;
    padding-left: 390px;
    padding-top: 580px;
    z-index: 10;
   }
  
   .mochiicecream-hover img {
    position: absolute;
    width: auto;
    height: 200px;
    padding-left: 390px;
    padding-top: 580px;
    z-index: 10;
    
    }

  .mochiicecream-hover img.img-front:hover{
    opacity:0;
    cursor: pointer;
  }




  .spaghettieis-hover {
    position: absolute;
    height: 3200px;
    width: auto;
    padding-left: 300px;
    padding-top: 520px;
    z-index: 20;
   }
  
   .spaghettieis-hover img {
    position: absolute;
    left: 0;
    width: auto;
    height: 320px;
    padding-left: 300px;
    padding-top: 520px;
    z-index: 20;
    }

  .spaghettieis-hover img.img-front:hover{
    opacity:0;
    cursor: pointer;
  }














  #thelevantsign {
    height: 140px;
    padding-left: 950px;
    padding-top: 15px;
    -webkit-transform:rotate(-340deg);
    z-index: 3;
    position: absolute;
  }
  

#thailandsign {
  height: 140px;
  padding-left: 310px;
  padding-top: 270px;
  -webkit-transform:rotate(-30deg);
  z-index: 3;
  position: absolute;
}
#americasign {
  height: 140px;
  padding-left: 1030px;
  padding-top: 400px;
  -webkit-transform:rotate(-320deg);
  z-index: 3;
  position: absolute;
}

#japansign {
  height: 140px;
  padding-left: 825px;
  padding-top: 1055px;
  z-index: 3;
  position: absolute;
}

#germanysign {
  height: 140px;
  padding-left: 10px;
  padding-top: 1210px;
  -webkit-transform:rotate(-25deg);
  z-index: 3;
  position: absolute;
}

#webringsign {
  height: 220px;

  padding-left: 590px;
  padding-top: 1530px;
  z-index: 8;
  position: absolute;


}

h8 {
  font-size: 20px;
  color:hotpink;
  font-family: 'american typewriter';
  font-weight: 800;
  letter-spacing: 1px;
  padding-top: 1560px;
  position: absolute;
  padding-left: 525px; 
  padding-right: 635px;
  z-index: 9;
  text-align: center;
  }