:root {
  /* scroll-behavior: unset; */
  overscroll-behavior: none;
}
body {
  font-family: sans-serif;
  font-size: 1.2em;
  line-height: 1.6em;
  background: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(240, 164, 132, 0.5) 0%,
    rgba(175, 199, 87, 0.5) 50%,
    rgba(187, 252, 136, 0.5) 100%
  );
}

main {
  margin: 2ch auto;
  width: 60ch;
}

footer {
  margin-top: 4ch;
  text-align: center;
}

h1 {
  width: fit-content;
  background: #ef6d2c;
  background: linear-gradient(to right, #ef6d2c 0%, #b69e24 50%, #54af0f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 1em 0;
  background-clip: text;
}