@font-face {
      font-family: "Alagard"; 
       src: url("fonts/alagard.TTF");
       src: url("fonts/alagard.woff");
  }
  
  html{
  cursor: url("images/Moth.cur"),default;
  background-image: url("images/woodcuttrans1.png");
  background-color: #333333;
 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; 
 cursor: url("images/Moth.cur"),default;

  z-index: 1;
  height: 100%; 

  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

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

span{
  position: absolute;
  top: 10%;
  background-color: darkgreen;
  background-image: url(images/carpet.jpg);
  color: antiquewhite;
  font-family: Alagard;
  font-size: 2.5em;
  text-align: justify;
  
}


container
{

position:absolute;
width: 720px;
height:auto;
left: calc(50% - 360px);
top: 6%;
text-shadow: 2px 2px 2px black;


}
a{
  text-align: right;
}
a:link { 
  text-decoration: none; 
  color:antiquewhite;
  cursor: url("images/Moth.cur"),default;
} 
a:visited { 
  text-decoration: none;
  color:antiquewhite;
  cursor: url("images/Moth.cur"),default;
} 
a:hover { 
  text-decoration: none;
  color:#38fa38;
  font-weight:700;
  cursor: url("images/Moth.cur"),default;
} 
a:active { 
  text-decoration: none; 
  color:antiquewhite;
  font-weight:700;
  cursor: url("images/Moth.cur"),default;
}