#moonphase{
  
  position: absolute;
  top: 5%;
  right: 25%;
 
  
  
}

#tarotdown{
  color: antiquewhite;
  font-family: Alkhemikal;
  font-size: 1.5em;
  position:absolute;
  bottom:20%;
  right:35%;
  z-index:2;
  background-color: black;
  width: max-content;
}

#bone{
  scale:0.9;
  position: absolute;
  top: -30%;
  right: 40%;
  
}
#wand{
  position: absolute;
  right: 2%;
  top: -25%;
  scale:0.6;
  rotate:180deg;
  
  background-color: black;
  background-image: url(images/frame.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-blend-mode: difference;
  padding:40px;

  
 
}

body,html{
  overflow: hidden;
  background-image: url('images/roughwallSpread.jpg');
  z-index: 1;
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
  background-color: #1f3d7a;
  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; 
    
}

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