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; 
}


#linked:hover{
  
  scale: 1.5;
  cursor: url("images/Moth.cur"),default;
  
}

.back{
  position:absolute;
  left: 1%;
  top: 1%;
  font-family: "Alagard";
  font-size: 1.0em;
  text-decoration: none;
  text-shadow: 1px 1px 0px darkviolet;
  color:hotpink;
  z-index:3;
}

#friends{
background-image: url(images/pnggrid.png);
width:600px;
}

#friendstext{background-color: whitesmoke;}

#sites {
    background-image: url(images/pnggrid.png);
    width: 600px;
}

#sitestext {
    background-color: whitesmoke;
}
#other{
background-image: url(images/pnggrid.png);
height: auto ;
padding-bottom: 20px;
}

#othertext{background-color: whitesmoke;}

#mybuttonstext{background-color: whitesmoke;}

#support{
background-image: url(images/pnggrid.png);
height: auto ;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
width: max-content;
color: rgb(0, 0, 0);
}

#please{background-color: whitesmoke;}

#paypal{
background-color: whitesmoke;
color: black;
text-decoration: underline;
}

#paypal:hover { 
    text-decoration: none;
    color:#0fdd1d;
    font-weight:700;
    
  } 

#eth{
background-color: whitesmoke;
color: black;
text-decoration: none;
}



#container
{

position:absolute;
width: 720px;
height:auto;
left: 5.5%;
top: 2%;

}


.flex 
{
   
  position:absolute;
  z-index: 10;
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
  width: 720px;
  height:560px;
  row-gap: 10px;
  
}

.flex div
{
  font-family:Alagard;
z-index: 11;
color: black;
height: 100px;
width: 720px;
align-items: center;
text-align: center;
margin-bottom: 10px;

}



html{
  cursor: url("images/Moth.cur"),default;
  background-image: url(images/roughwallSpread.jpg);
  background-color: black;
 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: 10% 0% ;
  background-repeat: repeat-y;
  background-size: auto;
}
 a{
  text-decoration: none;
 }
 a:hover { 
    text-decoration: none;
    color:#0fdd1d;
    font-weight:700;
    cursor: url("images/Moth.cur"),default;
  } 
  a:active { 
    text-decoration: none; 
    color:#ff008c;
    font-weight:700;
    cursor: url("images/Moth.cur"),default;
  }