@font-face {
      font-family: "Alagard"; 
       src: url("fonts/alagard.TTF");
       src: url("fonts/alagard.woff");
  }
  

  a:link { 
    text-decoration:none; 
    cursor: url("images/Moth.cur"),default;
    
  } 
  a:visited { 
    text-decoration: none;
    cursor: url("images/Moth.cur"),default;
    
  } 
  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;
  }
  

body{cursor: url("images/Moth.cur"),default;}
html{cursor: url("images/Moth.cur"),default;
  
  
    
background-image: url(images/evocation.webp);
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: 3515px; 

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

button{
  border: none;
  background-color: white;
  cursor: url("images/Moth.cur"),default;
  text-align: left;
}

.music {
  font-family: "Alagard";
    font-size: 1.5em;
    text-align: center;
}

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

.infobox{
  padding:5px;
  background-color: black;
  color:ghostwhite;
  position: absolute;
  top: 20%;
  right: 10%;
  width:250px;
  height:450px;
  line-height:2em;
  overflow:scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.infobox::-webkit-scrollbar {
  display: none;
}

  
  

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