section {
  padding: 40px max(40px, (100% - 1000px) / 2);
  transition: background var(--transition), color var(--transition);
}

section[data-size=wide] {
  padding: 40px;
}

section[data-size=full] {
  padding: 0;
}

section[data-size=full] > * {
  margin: 0;
  border-radius: 0;
}

section[data-size=full] img {
  border-radius: 0;
}

main > section:last-of-type {
  flex-grow: 1;
}

main > section:nth-of-type(odd) {
  background: var(--background);
}

main > section:nth-of-type(even) {
  background: var(--background-alt);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
main > section {
  animation: fadeInUp 0.6s ease-out;
}

/*# sourceMappingURL=section.css.map */