body {
  height: 100%;
  overflow: hidden;
  background-color: white;
}
body.invert {
  background-color: rgb(33, 37, 41);
}
body.invert .random-text, body.invert .menu-item:not(.pink) {
  color: white;
}

.text-container {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 150px 1fr;
  column-gap: 30px;
  overflow: hidden;
}
.text-container .random-text, .text-container .menu-item {
  font-family: "Atkinson Hyperlegible Mono", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.text-container .random-text {
  overflow: hidden;
  white-space: nowrap;
}
.text-container .random-text.long {
  grid-column: 1/-1;
}
.text-container .random-text.left {
  direction: rtl;
  text-align: right;
}
.text-container .random-text.right {
  text-align: left;
}
.text-container a.menu-item {
  text-decoration: none;
  color: rgb(33, 37, 41);
}
.text-container a.menu-item:hover {
  color: hsl(5, 90%, 70%);
  cursor: pointer;
}
.text-container .menu-item {
  grid-column: 2;
}
.text-container .menu-item.pink {
  color: hsl(5, 90%, 70%);
}

/*# sourceMappingURL=main.css.map */