
@font-face {
  font-family: 'myFirstFont';
  src: url('Jazz-Jackrabbit-2.ttf') format('truetype');
}

body {
  font-family: 'myFirstFont', sans-serif;
  color: white;
  font-size: 32px;
  font-weight: 300;
}

div {
  font-family: myFirstFont;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('tile.png'); /* your tile image */
  background-repeat: repeat;
  background-size: auto;
  filter: grayscale(60%); /* partially desaturated */
  z-index: -1;
  pointer-events: none;
}
.nav-buttons {
  position: fixed;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 9999; /* Make sure it's above everything else */
}


.nav-buttons img {
        /* Adjust as needed */
 
  margin: 10px 0;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.nav-buttons img:hover {
  transform: scale(1.05);
}


