#logo *,h1{color:var(--header)}body,footer{display:grid}#blazon,body{width:100vw;height:100vh;overflow:hidden}*{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;user-select:none;-moz-user-select:none;-webkit-user-select:none}:root{color-scheme:light dark;--header:#2e3031;--subheader:#808590;--logo:#e0e0e3;--bg:linear-gradient(180deg, #fff, #FCFCFC),#fff}@media (prefers-color-scheme:dark){:root{--header:#eee;--subheader:#bbbbbf;--logo:#00000099;--bg:linear-gradient(180deg, #101012, #1d1d1e),#101012}}body{align-items:center;align-content:space-between;justify-content:center;text-align:center;line-height:72px;background:var(--bg)}body>*{margin:auto}main{padding:32px}header{margin-top:16px}#logo *,footer *{fill:var(--header)}h1{font-size:72px;font-weight:800}h2{font-size:48px;font-weight:400;color:var(--subheader)}footer{grid-template-columns:repeat(3,48px);gap:32px;margin-bottom:16px}#blazon{display:flex;position:absolute;align-items:center;justify-content:center;margin:0;opacity:.5;z-index:-1}#blazon>svg{height:90vw;width:90vw;align-self:center;object-position:50%;aspect-ratio:1/1;transform-box:fill-box;fill:var(--logo)}#ornament{animation:120s linear infinite round;transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center}@keyframes round{from{transform:rotate(0)}to{transform:rotate(360deg)}}