text: @import './_config';
  
  body {
    font-family: 'Roboto', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-weight: 300;
    line-height: 1.5em;
    font-display: swap;
  }
  
  h1,
  h2,
  h3 {
    margin: 0 0 12px 0;
    padding: 0;
    font-weight: 300;
    line-height: 1.2em;
  }
  
  @media (min-width: $nav-break) {
    h1 {
      font-size: 2.5em;
    }
  }
  
  h1 {
    margin: 0 0 24px 0;
  }
  
  p {
    margin: 0 0 24px 0;
  }
  
  a {
    color: $color-type;
  
    &.invert {
      text-decoration: none;
  
      &:hover {
        text-decoration: underline;
      }
    }
  }
  
  hr {
    height: 1px;
    border: 0;
    margin: 0;
    border-top: 1px solid $color-border-light;
  }
  