@-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } blink { -webkit-animation: blink 1.5s steps(1) infinite; -moz-animation: blink 1.5s steps(1) infinite; -o-animation: blink 1.5s steps(1) infinite; animation: blink 1.5s steps(1) infinite; } @font-face { font-family: "Wingdings 3"; src: url("font.woff2") format("woff2"), url("font.woff") format("woff"); font-weight: normal; font-style: normal; } /* ---- layout (was inline on in the hand-written version) ---- */ body { max-width: 8.88cm; margin: 0 auto; padding: 1.11cm; font-smooth: never; -webkit-font-smoothing: none; } .wing { font-family: "Wingdings 3"; } .logo { font-family: "Wingdings 3"; font-size: 3.33cm; margin: 1.11cm 0; transform: skewX(-50deg); filter: blur(1px); color: inherit; } a:has(> .logo) { text-decoration: none; color: inherit; } hr { margin: 1.11cm 0 0.44cm; } .fine { font-size: 0.8em; } audio { width: 100%; }