.about,
.blog,
.donate,
.contact {
  max-width: 42rem;
  margin: 0 auto;
  padding: 3rem 5rem 3rem 1rem;

  h2 {
    a {
      color: $ft-color;
      text-decoration: none;

      &:hover { cursor: text }
    }
  }

  p {
    color: $f-color;
    font-size: 1.125rem;
    margin: 1rem 0 0;
    line-height: 1.5;

    a {
      color: $link;
      text-decoration: none;
    }
  }
}

.blog .card {
  display: block;
  padding: 0 4rem 0 0;

  a {
    display: inline-block;
    text-decoration: none;
    margin: 0 .25rem 0 0;

    p {
      color: $ft-color;
      font-size: 1.05rem;
      font-weight: 600;
    }

    &:hover { cursor: pointer;
      p { text-decoration: underline }
    }
  }

  .desc {
    font-size: .925rem;
  }

  p {
    font-size: 1rem;
    color: $fs-color;
    margin: .1rem 0;
  }

  hr {
    height: 1px;
    margin: 1rem auto;
    border: none;
    color: $s-color;
    background-color: $s-color;
    opacity: .1;
  }
}

.donate {

  .qr {
    font-size: .9em;
  }
  
  .address {
    width: 65%;
    font-size: .8rem;
    margin: 6px 0 0 0;
    overflow-wrap: break-word;
  }
}

@media only screen and (max-width: 600px) {
  .about,
  .blog,
  .donate,
  .contact {
    padding: 3rem 3rem 3rem 2rem;
  }

  .donate .address {
    width: calc(100vw - 5rem); 
  }

}