html{
 cursor: url("images/Moth.cur"),default;
 background-image: url("images/carpet.jpg");
 background-color: #ffe6cc;
 background-repeat: no-repeat;
 background-position: center;
 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; 

}

body{
  align-content: center;
  cursor: url("images/Moth.cur"),default;
  font-family: Alagard;
}

p{
  align-content: center;
  cursor: url("images/Moth.cur"),default;
  font-family: Alagard;
  font-size: 1.5em;
}

@font-face {
  font-family: "Alagard"; 
  src: url("fonts/alagard.TTF");
  src: url("fonts/alagard.woff");
      
      
  }
  
.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;
  z-index: 3;
}

#gamble{
  position: absolute;
  left:calc(50% - 111px);
  top: 55px;
  width: 222px;
}

#btn{
  position: absolute; 
  top: 40%;
  left: calc(50% - 110px);
  width: 220px;
  font-size: 2.0em;
  font-family: Alagard;
  text-align: center;
  background-color: #ffdab3;
  cursor: url("images/Moth.cur"),default;
}

#rst{
  position: absolute; 
  top: 50%;
  left: calc(50% - 83px);
  width: 166px;
  font-size: 1.5em;
  font-family: Alagard;
  text-align: center;
  background-color: #ffdab3;
  cursor: url("images/Moth.cur"),default;
}

#log{
  position: absolute; 
  top:3%;
  left: 66%;
  font-size: 75%;
  font-family: Alagard;
  text-align: center;
  list-style-type: none;
  cursor: url("images/Moth.cur"),default;
  
}

.logboxbox{
  

  width: 150px;
  height:333px;
  position: absolute;
  right: 10%;
  top: 48%;
  font-family: Alagard;
  text-align: center;
  font-size: 1.8em;
}

.logbox{
  

  width: 100px;
  height:313px;
  position: absolute;
 
  overflow: auto;
  scrollbar-base-color:#ffdab3;
  
}



.totalbox{
  

  width: 150px;
  height:333px;
  position: absolute;
  left: 10%;
  top: 48%;
  font-family: Alagard;
  text-align: center;
  font-size: 1.8em;
}

.total{
  

  position: absolute; 
  top:9%;
  left: 45%;
  font-family: Alagard;
  text-align: center;
 
  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;
  }
  
  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; 
}