/* .main-container {
  height: 100%;
} */

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }

.home-cards {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: .5em;
  flex-wrap: wrap;
  padding: 0;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.home-card {
  border-radius: 0.5em;
  background-color: var(--home-card-body-color);
  filter: var(--shadow);
  max-height: 5rem;
  min-height: 5rem;
}

.home-card-body {
  display: flex;
  align-items: center;
  gap: .25em;
  padding: 1rem;
  max-height: 5rem;
  min-height: 5rem;
}