/* Adventskalender, gemeinsam für Kalenderseite und Anmeldung (Landingpage):
   Schriften aus dem Buch «Wenn Gott dir schreibt», Detlevs gezeichneter Umschlag, Schnee-Fläche. */
@font-face { font-family: 'Advent Hand'; src: url('fonts/justsaying.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Advent Lese'; src: url('fonts/ebgaramond.woff2') format('woff2'); font-weight: 400 800; font-display: swap; }

/* Schnee hinter dem Inhalt (advent.js); der Inhalt daneben braucht position: relative und z-index: 1. */
.advent__snow { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }

/* Umschlag aus Detlevs Skizze: Fläche und Linien getrennt, damit beide eigene Farben haben. */
.envelope { position: relative; display: block; flex: none; aspect-ratio: 405 / 277; }
.envelope::before, .envelope::after { content: ""; position: absolute; inset: 0; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.envelope::before { --m: url('/assets/advent/umschlag-flaeche.png'); background: var(--paper, #fbf6ea); }
.envelope::after { --m: url('/assets/advent/umschlag.png'); background: var(--tinte, #1a1a1a); }