html {
  cursor: none;
  user-select: none;
} body {
  background: black;
  color: goldenrod;
  font-family: monospace;
  max-width: 600px;
  margin: auto;
  margin-bottom: 2rem;
} .title, .year, .donate {
  width: fit-content;
} .title {
  color: red;
} .content {
  white-space: pre-wrap;
  font-size: 0.875rem;
} .year {
  margin: auto;
  margin-right: 0;
} .donate {
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
} #cursor {
  position: absolute;
  top: var(--y);
  left: var(--x);
  z-index: 100;
  font-size: 0.875rem;
  line-height: 0;
  /* fast fade in, slow fade out */
  transition: none 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: color, filter;
} #cursor:not(.action) {
  color: rgba(255, 0, 0, 0);
} #cursor.active {
  color: rgba(255, 0, 0, 1);
} #cursor.action {
  filter: invert(1);
} a {
  text-decoration: none;
  cursor: inherit;
  color: rgba(255, 0, 0, 1);
}
