nav {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    height: 4rem;
    padding-top: 1rem;
}
@media screen and (max-width: 35rem) {
  nav {
    grid-template-columns: 0fr 2fr 1fr;
  }
}

nav * {
    margin: auto;
    height: 90%;
}

.rich-card {
    margin: 1rem 0.7rem;
    padding: 0.4rem;
    width: 20rem;
    max-width: 90%;
}

.text-input-large {
    display: block;
    width: 26rem;
    max-width: 98%;
    height: 10rem;
}

#content-div {
    margin: auto;
    margin-bottom: 2rem;
    max-width: 85rem;
    padding: 0 0.5rem;
}

@media screen and (max-width: 25rem) {
  #amount-buttons {
      display: grid;
      grid-template-columns: repeat(5, 2rem);
      grid-template-areas:
        "a-0 x   x   x   x   "
        "a-1 a-2 a-3 a-4 a-5 "
        "a-6 a-7 a-8 a-9 a-10";
  }
  nav {
      display: grid;
      grid-template-columns: 1fr;
      height: 4rem;
      padding-top: 1rem;
  }
}