body {
  background-color: #eee;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  padding: 1em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: 1.5;
}

@font-face {
  font-family: __GeistSans_ac79ff;
  src: url(/fonts/ec1a1eae803b668e-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

@font-face {
  font-family: __GeistMono_8a4d12;
  src: url(/fonts/f980ec13b5b5e554.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

@media only screen and (min-width: 1280px) {
  .core-content {
    display: flex;
    flex-direction: column;
    gap: 1em;
    max-width: 36rem;
    margin-bottom: 10em;

    h1 {
      font-size: 1.5rem;
      font-weight: 600;
    }

    p {
      margin: 0;

      &:has(img) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      img {
        max-width: 300px;
      }
    }
  }
}
@media only screen and (max-width: 1279px) {
  .core-content {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    margin-bottom: 10em;

    h1 {
      font-size: 2.5em;
      font-weight: 600;
    }

    p {
      font-size: 1.5em;
      margin: 0;

      &:has(img) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      img {
        max-width: 600px;
      }
    }
  }

}