html, body, h1 {
  margin: 0;
  height: 100%;
}

body {
	font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
	color: #fff;
  background: linear-gradient(45deg, 
    rgb(250, 218, 97) 0%, 
    rgb(255, 145, 136) 50%, 
    rgb(255, 90, 205) 100%);
}

main {
  position: absolute;
  right: 2em;
  bottom: 4em;
  text-align: right;
}

h1, a {
  font-size: 4vw;
  font-weight: 200;
  letter-spacing: 0.01em;
}

a {
  position: relative;
  text-decoration: none;
  color: inherit;
}

a:hover:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.04em;
  position: absolute;
  background-color: #fff;
  top: 1.05em;
  right: 0;
}

@media (max-width: 800px) {
  h1, a {
    font-weight: 400;
    letter-spacing: -0.01em;
  }
  a:hover:after {
    height: 0.06em;
  }
}