#topbar {
  height: 3rem;
}

main {
  padding: 1rem;

  &#index {
    width: 100%;
    display: grid;
    grid-row-gap: 2rem;
    grid-template-areas:
      "stats"
      "contributions";
  }
}

@media (min-width: 550px) {
  main {
    &#index {
      grid-column-gap: 4rem;
      grid-row-gap: 2rem;
      grid-template-columns: 2fr 4fr;
      grid-template-areas:
        "stats contributions";
    }
  }
}

main section {
  margin-bottom: 5rem;

  &:first-of-type {
    margin-top: 2rem;
  }

  @include media($mobile) {
    margin-bottom: 5rem;

    &#proposals-open, &#proposals-closed {
      margin-top: 0;
    }
  }

  header {
    padding-bottom: 3rem;
    text-align: center;

    @include media($mobile) {
      padding-bottom: 2rem;
    }
  }
}