body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fdfdfdb0;
    color: white;
    font-family: "Space Mono", monospace;
    overflow: hidden;
    word-spacing:-0.2em;
    letter-spacing: 0.06em;
  }

  a {
    text-decoration: none;
  }

    a :visited {
    color: rgb(54, 54, 54);
  }

.rainbow-link {
  display: inline-block;

  line-height: 1em;
  font-weight: normal;
  text-decoration: none;
  color: rgb(54, 54, 54);
  transition: color 0.3s;
  font-optical-sizing: auto;
  line-height: 0.9em;
  margin-top: -6px;
  margin-bottom: 10px;
}

.rainbow-link span {
  display: inline-block;
  transition: color 0.3s;
}

h1{
  display: inline-block;
  font-size: 3.7em;
  line-height: 1em;
  font-weight: normal;
  text-decoration: none;
  color: rgb(54, 54, 54);
  transition: color 0.3s;
  font-optical-sizing: auto;
  line-height: 0.9em;
  margin-top: -6px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 900px) {
    h1{
  font-optical-sizing: auto;
  word-spacing:-0.1em;
  font-size: 1.7rem;
  line-height: 0.9em;
  margin-top: -6px;
  margin-bottom: 10px;
}

}
.gradient {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: none; /* allow clicking through */
      background: radial-gradient(
        circle at var(--x, 57.5%) var(--y,50%),
        #ffffffb0,
        #cacaca
      );
      transition: background 0.1s linear;
      z-index: -1; /* behind everything */
    }