body {
  background-size: 28px 28px;
  background-image:
    linear-gradient(to right, var(--color-background-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--color-background-line) 1px, var(--color-background) 1px);

  margin: 0;
  padding: 0;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}



* {
  color: var(--color-text);
  font-family: 'Hurmit';
}

.pixelated {
  image-rendering: pixelated; /* good for pixel art or low-res images */
  /* OR for standard crisp images */
  image-rendering: crisp-edges;
  pointer-events: none;
}

ul {
  list-style: none; /* Remove default bullets */
  margin: 8px 0;
}
ul > li {padding: 0px 25px} /* Stretching li elements a little so it looks prettier */
li {
  position: relative;
}
li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--color-text);
    position: absolute;
    top: 6px;
    left: 4px;
}

a {
  color: var(--color-link);
}