/* Kommer snart: one torn notebook page while the site is not open yet, like the Forside's page for an empty site */

.soon-page { position: relative; max-width: 780px; margin: 12px auto 20px; --tilt: -.8deg; filter: drop-shadow(0 6px 12px rgba(60,40,20,.16)); }
.soon-page > .tape { top: -12px; left: 96px; transform: rotate(-4deg); }
.soon-page .notebook { --tilt: 0deg; box-shadow: none; }
.soon-page .soon { padding: 90px 0 0; font-family: var(--hand); font-size: 46px; line-height: 60px; color: var(--ink); }
.soon-page .soon-squig { display: block; width: 300px; max-width: 70%; height: 14px; margin: 0 0 0 4px; color: var(--rose); /* decor */ }
.soon-page .body > p:not(.soon) { margin: 30px 0 0; padding-bottom: 120px; font-size: 16.5px; line-height: 30px; color: var(--ink2); }

@media (max-width: 820px) {
  .soon-page .soon { padding-top: 30px; font-size: 36px; }
  .soon-page .soon-squig { width: 200px; }
}

@media (max-width: 600px) {
  .soon-page > .tape { left: 60px; }
}