main {
  display: grid;
  place-items: center;
  padding-block-start: 5rem;
}

.container {
  width: clamp(23ch, 60%, 80ch);
}

/**
* Header Examples
*/
.header-flex-fill {
  flex-grow: 0;
}
.header-flex-fill {
  margin-inline-start: 0;
}

.header-mbe16 {
  margin-inline-end: 0;
}

@media (min-width: 720px) {
  main.home .home-hero + .home-features .features .feature:nth-last-child(-n+2) {
    display: block;
  }
}
@media (min-width: 970px) {

  .header-flex-fill {
    flex-grow: 1;
    margin-inline-start: var(--fluid-16)
  }
  
  .header-mbe16 {
    margin-inline-end: var(--fluid-16);
  }
}
.container {
  margin: 2rem 5rem;
  font-family: var(--agnostic-font-family-body);
  font-size: var(--agnostic-body);
  color: var(--agnostic-font-color);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

.custom-wrap {
  padding: 16px 32px;
}
.custom-card {
  border: 1px solid #d6d6d6;
  margin: 36px auto;
  padding: 24px;
  transition: 0.5s transform;
  transform: scale(1);
}
.custom-card:hover {
  transform: scale(1.1);
  box-shadow: 4px 8px 4px #cdcdcd;
}
