body{width:100vw;height:100vh;margin:0;padding:0;font-family:sans-serif;overflow:hidden}#canvas{width:100%;height:100%;display:block}#overlay{color:#c00;background-color:#020202;border-top-left-radius:16px;border-top-right-radius:16px;width:calc(100% - 32px);padding:16px;position:absolute;bottom:0;left:0}#header{flex-flow:wrap;align-items:center;gap:1rem;display:flex}#header>div>p{margin:0}h1{margin:.2rem 0;font-size:24px}a{color:inherit;text-decoration:underline}a:after{content:"";background-image:url(open.svg);background-size:contain;width:16px;height:16px;display:inline-block}.break{flex-basis:0}.site-embed{border:none;width:calc(100% - 32px)}@keyframes fly-in{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes fly-out{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.overlay-active{animation:.3s ease-in-out forwards fly-in}.overlay-inactive{animation:.5s ease-in-out forwards fly-out}