html{overflow: hidden;
  cursor: url("images/Moth.cur"),default;
}
body{
    
background-image: url(images/greenorb.png);

  image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Universal support since 2021   */
  image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor; 

  z-index: 1;
  height: 100%; 

  background-position: center;
  background-repeat: repeat;
  background-size: 20%;
  
  
 
 
}
#bodies{
  
  position:absolute;
  z-index: 10;
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
  width: 1480px;
  top:-20%;
} 


#sac{
  
  scale:0.5
  
  
}


#shrine
{
  position: absolute;
  bottom:40%;
  left:calc(50% - 128px);
  z-index:77;
  scale:0.5;
  cursor: url("images/Moth.cur"),default;
}

#shrine:hover
{
  scale:0.66;
  
}


img {
  image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Universal support since 2021   */
  image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor; 
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: black;
  color: antiquewhite;
  text-align: center;
  padding: 0px 0;
  border-radius: 6px;
  font-size: 2.5em; 
  font-family: Alkhemikal;

  /* Position the tooltip text */
  position: absolute;
  z-index: 88;
  bottom: 110%;
  left: calc(50% - 120px);
  margin-left: 0px;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}