*{box-sizing:border-box}body{margin:0;padding:0;background-image:linear-gradient(180deg, #5DCBE4 0%, #47BCE4 100%);height:100%;min-height:100vh;font-family:"JetBrains Mono",monospace;font-size:24px;color:#1f1d2e;padding:32px}main{background:#f7f7f7;box-shadow:0 4px #1f1d2e,0 -4px #1f1d2e,4px 0 #1f1d2e,-4px 0 #1f1d2e}main>nav{background:#b9b6ce;position:relative;padding:8px;gap:8px;display:flex;justify-content:flex-end;align-items:center;flex-flow:row wrap;border-bottom:4px solid #1f1d2e}main>nav::before,main>nav::after{display:block;position:absolute;content:"";left:0;right:0;height:4px}main>nav::before{top:0;background:rgba(247,247,247,.5)}main>nav::after{bottom:0;background:rgba(31,29,46,.2)}main>nav img{height:1.5em;width:auto}main>nav h1{margin:0 auto 0 0;font-size:1em;font-weight:normal}main>nav span:not(:first-of-type)::before{content:"•";opacity:.5;padding-right:8px}main>div{padding:8px}main small{font-size:.8em}main small i{font-size:.8em;opacity:.8}
/*# sourceMappingURL=layout.css.map */