.site-main {
  display: block;
  margin-top: 6rem;
}

.card {
  border-top: 0.5rem solid #48b5b5;
  padding: 1.25rem;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}



@media (min-width: 30em) {
  .card {
    padding: 1.5rem;
  }
}

@media (min-width: 40em) {
  .card {
    padding: 2rem;
  }
}

@media (min-width: 50em) {
  .site-main {
    margin-top: 10.75rem;
  }
  .card {
    padding: 2.5rem;
  }
}

@media (min-width: 60em) {
  .site-main {
    margin-top: 12.75rem;
  }
}