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 */
}
ul > li {padding: 10px 25px} /* Stretching li elements a little so it looks prettier */
li::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #d050ff;
}