.index .resources {
  padding: 2rem 0 6rem 0;

  .channels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 72rem;
    padding: 0 3.75rem 0 4.25rem;
    margin: 2rem auto 1rem auto;

    .resource {
      padding: 2rem;
      margin: 1rem .75rem;
      border: .2rem solid var(--br-color);
      border-radius: var(--radius);

      h4 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.25rem;
        margin: 0 0 1rem 0;
      }

      p {
        color: var(--fs-color);
        font-size: 1.15rem;
        font-weight: 300;
        line-height: 1.65rem;
        margin: 0;
        text-align: left;
      }

      &:hover {
        background: var(--q-color);
      }
    }
  }
}