*{margin:0;padding:0}html,body{height:100dvh;width:100dvw;background-color:var(--bg);color:var(--fg)}*,*:after,*:before{box-sizing:border-box}:root{--bg: #1e1b4b;--fg: #e0e7ff}.container{margin:0 auto;border:1px solid black;height:100%;display:grid;place-items:center}.content{position:relative;margin:auto;display:grid;place-items:center;width:fit-content;max-width:calc(100vw - 2rem);padding:2rem;isolation:isolate}.content #canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;animation:fadein 5s ease-in;opacity:.8}.content .content-copy{z-index:1;text-align:center}.content h1{font-style:normal;margin-bottom:2px;font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:500;letter-spacing:.02em}@media(max-width:560px){.content{padding:1rem}}a{text-decoration:unset;color:inherit}.skip-link{position:absolute;top:1rem;left:1rem;padding:.75rem 1rem;background-color:var(--fg);color:var(--bg);transform:translateY(-200%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0)}.mail-link{transition:transform .3s;text-align:center;font-family:Playpen Sans,cursive}.mail-link:hover{transform:scale(1.2)}.mail-link a{display:inline-block;border-radius:.25rem}.mail-link a:focus-visible{outline:2px solid currentColor;outline-offset:.25rem;text-decoration:underline}@keyframes fadein{0%{opacity:0}to{opacity:.8}}@media(prefers-reduced-motion:reduce){.skip-link,.mail-link{transition:none}.content #canvas{animation:none}}