@import url('https://rsms.me/inter/inter.css');

html {
  font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter var', sans-serif;
  }
}

body {
  font-family: 'Inter', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-left: 10vw;
  padding-right: 10vw;
}

h1 {
  font-weight: 800;
  font-size: 3.5em;
}

h2 {
  font-weight: 500;
  font-size: 2em;
}

p {
  font-weight: 300;
  max-width: 28em;
  font-size: 1.4em;
}

a {
  box-shadow: inset 0 0 0 0 #9AC791;
  color: #9AC791;
  margin: 0 -.25rem;
  padding: 0 .25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

a:hover {
  box-shadow: inset 100px 0 0 0 #9AC791;
  color: white;
}