@font-face {
    font-family: 'Monocraft';
    src: url('https://cdn.jsdelivr.net/gh/IdreesInc/Monocraft@main/dist/Monocraft-ttf/Monocraft.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* burger */
.burgermenu {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 10001;
  cursor: pointer;
  position:absolute
}

.burgermenu img {
  cursor: pointer;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.list {
  position: fixed;
  top: 70px;
  left: 10px;
  width: 180px;
  background: linear-gradient(135deg, rgb(60, 60, 60) 0%, rgb(45, 45, 45) 100%);
  padding: 8px 0;
  border-radius: 12px;
  z-index: 10002;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: none;
}

.list .page {
  display: block;
  padding: 12px 16px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-family: 'Minecraft', monospace;
  font-size: 14px;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  width: 100%;
  box-sizing: border-box;
  pointer-events: auto;
  cursor: pointer;
}

.list .page:hover {
  background-color: rgba(117, 198, 249, 0.435);
  color: aliceblue;
  border-left-color: #75c6f9;
  padding-left: 20px;
}

.list .page:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}