/* INDEX PAGE ------------------------------------------------------*/
                    
.webring_box {
  position: absolute;
  z-index: 0;
  width: 200px;
  height: 300px;
  top: 240px; 
  right: 90px;
}
  @media screen and (max-width: 1200px) { /* Moves box to edge */
    .webring_box {
      position: absolute;
      z-index: 0;
      width: 200px;
      height: 300px;
      top: 220px; 
      right: 10px;
    }
  }
  @media screen and (max-width: 940px) { /* Makes the box disappear :'( */
    .webring_box {
      position: absolute;
      z-index: 0;
      width: 200px;
      height: 300px;
      top: 220px; 
      right: -1000px;
    }
  }
  .sitecounter {
  display: grid;
  position: absolute;
  justify-content: end;
  align-content: end;
  width: 120px;
  height: 40px;
  top: 1220px;
  right: 20px;
  }
  .Witch_Height {
  display: grid;
  position: absolute;
  justify-content: start; /*left/right*/
  align-content: end; /*up/down*/
  border: 5px solid rgba(96, 0, 115, 0); /*adjust last (opacity) for testing*/
  width: 260px;
  height: 460px;
  top: 780px;
  right: 0;
}
.Witch {
  background-image: url(/images/Witch8bit.gif);
  position: sticky;
  bottom: 30px;
  background-color: rgba(0, 128, 0, 0); /*adjust last (opacity) for testing*/
  width: 180px;
  height: 200px;
}