.error {
  text-align: center;
  padding: 6rem 0;

  h1,
  h2,
  a {
    color: var(--f-color);
    padding: 0;
    margin: 1rem 0;
  }
  
  h1 {
    font-size: 3.25rem;
    font-weight: 600;
  }

  h2 {
    font-size: 1.75rem;
  }

  a {
    display: inline-block;
    width: fit-content;
    color: var(--t-color);
    background: var(--b-color);
    font-size: .95rem;
    font-weight: 600;
    border: .15rem solid var(--hr-color);
    padding: .65rem 1.85rem;
    margin: 1rem .25rem 0 0;

    &:hover {
      cursor: pointer;
      border-color: var(--t-color);
    }
  }
}