#page {
  padding:2%;
}

#yo {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  font-size: 72px;
  line-height:1em;
  margin-bottom:2%;
}

#words {
  font-family: 'Montaga', serif;
  font-size: 18px;
  max-width: 600px;
}

p {
  margin-block-start:0em;
  margin-block-end:0.5em;
}

a {
  color:#FE4C00;
  text-decoration:none;
}

a::before {
    position: absolute;
    overflow: hidden;
    max-width: 0;
    border-bottom: 1px solid #FE4C00;
    color: rgba(0,0,0,0);
    content: attr(data-hover);
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s;
}

a:hover::before,
a:focus::before {
	max-width: 100%;
}

img {
  height:0.74em;
}

@media only screen and (max-width: 460px) {
    #yo {
      font-size: 54px;
    }
  }