@import url('https://fonts.googleapis.com/css2?family=Handjet:wght,ELSH@100..900,2&family=Pixelify+Sans:wght@400..700&family=Silkscreen:wght@400;700&family=VT323&display=swap');



body {
    background:#faf5e6 url(https://64.media.tumblr.com/e53f7bde9d34ed420827d4dd4914f7b4/4a218d4c2f569ba7-76/s100x200/a236c9b81d73c1517c3606f5e6c8cfcc03e8fabf.gifv) fixed;
    font-family: 'pixelify sans', 'Silkscreen', 'handjet', 'vt323';
    font-size: 11px;
    color:#858982;
    letter-spacing: 1px;
}

* { cursor: url('/cursor/cursor_anipoint2.gif') 10 0, default; }

header {
    font-family: 'Handjet', sans-serif;
    font-weight: 900;
    font-size: 55px;
}





.imgtxt {
    width: fit-content;
    height: fit-content;
    display: inline-block;
    position: relative;
  }

  .imgtxt:hover img, .imgtxt:focus img {
    filter: hue-rotate(100deg);
    transform: skewX(-5deg);
    /* add hover effects like transform or filter to your images here! */
  }

.navicon {
  width: fit-content;
  height: fit-content;
  display: inline-block;
  position: relative;
}
.navicon span {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 2.5rem;
  color: #FFF;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
}
.navicon:hover span, .navicon:focus span {
  opacity: 1;
}
.navicon:hover img, .navicon:focus img {
    filter: hue-rotate(200deg);
}




.changelog p {
  font-family: 'Silkscreen', sans-serif;
}