@charset "UTF-8";@font-face{font-family:pixelify sans;src:url(/fonts/PixelifySans.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--color-a:#0b2559;--color-b:#183b59;--color-c:#2a5159;--color-d:#327355;--color-e:#5c8c46;--mona-green:#55604b;--mona-blue:#3c4f66;--mona-white:#fafafa;--warden-green:#1f5336;--warden-blue:#2180c4;--blood-of-our-enemies:#c64042}body,html{margin:0;padding:0;height:100%;font-family:pixelify sans,monospace;box-sizing:border-box;display:flex;flex-direction:column}.background{position:fixed;width:100%;height:100%;background:#000}.page-content{position:relative;min-height:100vh;flex:1;z-index:1;color:#fff;text-align:center;padding:50px}.center-grid{grid-area:center;display:flex;flex-direction:column;height:80%;padding-left:30px}.grid-layout{display:grid;width:100%;height:100%;grid-template-areas:". . . center center center center . . ." ". links . center center center center . right right" ". . . center center center center . right right" "left left . center center center center . buttons buttons" ". . . center center center center . . .";grid-template-rows:auto;grid-template-columns:auto}.header{grid-area:header;width:60%;text-align:left;margin:0;white-space:nowrap;font-size:clamp(1rem,2vw,1.5rem)}.link-box{grid-area:links;background-color:#fff;color:#000}.link-box ul{list-style:none;text-align:left;padding-left:.5rem}.left-box{grid-area:left;background-color:#fff;color:#000;position:relative;min-width:300px;min-height:150px;max-height:25%;max-width:50%;place-self:center;display:grid;grid-template-areas:"mona mona mona" "color-1 color-2 color-3";grid-template-rows:auto 1fr;padding:20px}#left-box-title{grid-area:mona;margin:0}.color-1{grid-area:color-1;background-color:var(--mona-green);top:-10px}.color-2{grid-area:color-2;background-color:var(--mona-blue)}.color-3{grid-area:color-3;background-color:var(--mona-white)}.right-box{grid-area:right;background-color:#fff;color:#000;position:relative;min-width:300px;min-height:300px;max-height:50%;max-width:50%;place-self:center}#right-box-text{padding-left:20px;display:block;text-align:left;line-height:2}.buttons-box{grid-area:buttons;background-color:#fff;padding:8px;place-self:center end;display:flex;flex-flow:row wrap;gap:4px;justify-content:center;max-width:100%}.buttons-box a,.buttons-box img{display:block;line-height:0}.buttons-box img{image-rendering:pixelated}.center-box{grid-area:content;background-color:#fff;position:relative;min-width:300px;min-height:300px;padding:20px;z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer}.with-shadow{box-shadow:-10px 10px black,-20px 20px white}.center-box img{max-width:95%;max-height:95%;object-fit:contain}.center-image{opacity:1;transition:opacity .75s ease}.center-box p{font-size:1.2rem;color:var(--color-a)}p.center-text{position:absolute;top:20px;right:20px;bottom:30px;left:20px;margin:0;text-align:left;color:#000;opacity:0;pointer-events:none;overflow-y:auto;transition:opacity .75s ease}.bottom-text{position:absolute;bottom:0;right:0;margin:0;padding-bottom:2px;padding-right:6px;transition:opacity .6s ease}.bottom-text::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .6s ease}p.bottom-text{color:#000;font-size:.8rem}p.bottom-text-alt{position:absolute;bottom:0;left:0;margin:0;padding-bottom:2px;padding-left:6px;text-align:left;color:#000;font-size:.8rem;opacity:0;transform:translateX(-20px);transition:opacity .75s ease,transform .75s ease}.center-box.revealed .bottom-text::after{transform:scaleX(1);transition:transform .6s ease}.center-box.revealed .bottom-text-alt{opacity:1;transform:translateX(0);transition:opacity .6s ease .9s,transform .6s ease .9s}.center-box.revealed .bottom-text{opacity:0;transition:opacity .4s ease 1.5s}.center-box.revealed .center-image{opacity:0;transition:opacity .5s ease 1.9s}.center-box.revealed .center-text{opacity:1;pointer-events:auto;transition:opacity .5s ease 2.4s}.small{font-size:.5em}.bouncy{display:inline-block}.bouncy span{display:inline-block;animation:bouncy-letter 3s ease-in-out infinite}@keyframes bouncy-letter{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}main{flex:1;position:relative;z-index:2;padding:20px;color:#fff;text-align:center}.blogpost{background-color:#fff;color:#000;padding:20px;text-align:left}#blogpost-title{margin-top:15px;margin-bottom:5px}.blogpost hr{margin-bottom:15px}.blogpost time{font-size:.8em}.page-content h1{font-size:3rem}a:hover{color:var(--color-b)}a:visited{color:var(--color-d)}@media(max-width:900px){.page-content{padding:24px 20px}.grid-layout{display:flex;flex-direction:column;gap:28px;height:auto;width:100%}.center-grid{order:1;height:auto;padding-left:0;gap:12px;width:100%}.left-box{order:2}.right-box{order:3}.link-box{order:4}.buttons-box{order:5;place-self:stretch;max-width:100%}.header{width:100%;white-space:normal;text-align:center;font-size:1.25rem}.center-box,.left-box,.right-box{min-width:0;max-width:100%;max-height:none;width:100%;place-self:stretch}.center-box{min-height:280px}.left-box{min-height:140px}.right-box{min-height:0;padding:16px 20px}#right-box-text{padding-left:0}.with-shadow{box-shadow:-6px 6px black,-12px 12px white}.page-content h1{font-size:2rem}}