main iframe,
main div:has(> iframe) {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}

main img {
  max-width: 100%;
  height: auto;
}

code {
  text-wrap: wrap;
}

@media print {
  .container {
    max-width: 100% !important;
  }
}

.container-body {
  max-width: 800px !important;
}

.flex-container {
  min-height: 100vh;
  min-height: 100dvh;
}

.flex-header {
  flex: none;
  padding-top: max(1rem, env(safe-area-inset-top)) !important;
}

.flex-body {
  flex: 1;
}

.flex-footer {
  flex: none;
  padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
}

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