.default-font,div{font-family:courier,monospace}.page{display:none}input[type=radio]:checked+.page{display:block}.visually-hidden{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.disabled{pointer-events:none;color:#aeaeae}label:hover{cursor:pointer}render:not(.rendered){display:none}a,body,div,h1,h2,h3,h4,html,li,nav,p,span,ul{margin:0;padding:0}html{height:100%}body,html{width:100%}body{min-height:100%;justify-content:space-between;scroll-behavior:smooth}.container,body{display:flex;flex-direction:column}.container{width:100%;justify-content:center;align-items:center}.overlay{position:fixed;top:0;height:100vh;width:100vw;overflow:hidden}.sky{z-index:-2}.star,.star-container{z-index:-1}.star{position:absolute;background:#000}.star-small{width:2px;height:2px}.star-medium{width:3px;height:3px}.star-large{width:5px;height:5px}.nav{position:fixed;bottom:0;right:0;width:100%;padding:7px 0;z-index:1;background-color:#fff;border-top:1px solid rgba(0,0,0,.05)}.nav .windows{padding:3px;background-color:#f1edec}.nav ul.menu{display:flex}.nav ul li{letter-spacing:.04em;list-style:none;margin-right:20px;font-size:16px;flex-shrink:1}.nav li:first-child{margin-left:20px}.boxes-container{display:flex;flex-direction:column;align-items:center}.box{margin:50px 10px 50px 75px;width:75%;font-size:20pt;display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr 1fr;grid-template-rows:repeat(2,auto);grid-column-gap:25px;grid-row-gap:20px;grid-template-areas:"name name date desc desc desc" "code demo .    pill pill pill"}@media screen and (max-width:819px){.box{margin:50px 10px;width:85%;font-size:16pt;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);grid-template-areas:"name date" "code demo" "desc desc" "pill pill"}}.box .name{grid-area:name}.box .pill{grid-area:pill;display:flex;flex-wrap:wrap;gap:.5rem}.box .pill span{padding:.5rem;background-color:#ddd}.box .date{grid-area:date;text-align:right}.box .description{grid-area:desc}.box .link-code{grid-area:code}.box .link-demo{grid-area:demo}.sidebar>article{position:fixed;left:0;z-index:0;width:100%;background:#fff}@media screen and (min-width:820px){.sidebar>article{transform-origin:left;transform:translateX(3em) rotate(90Deg)}.sidebar>article .small{display:none}}@media screen and (max-width:819px){.sidebar>article{text-align:right}.sidebar>article .large{display:none}.sidebar>article .copyright,.sidebar>article h1{margin-right:10px}}.sidebar>article h1{font-size:30pt}@media screen and (max-width:819px){.sidebar>article h1{font-size:20pt}}.copyright{color:#aeaeae;font-size:12px;padding-bottom:2px}.whoami .computer{background-size:contain;background-position:50%;background-repeat:no-repeat;image-rendering:auto;image-rendering:pixelated;image-rendering:crisp-edges}@media screen and (min-width:510px){.computer{position:fixed;top:10px}}.computer-screen{width:85%;font-size:13pt;font-family:courier new,courier,monospace;margin-bottom:50px}@media screen and (min-width:510px){.computer-screen{z-index:1;position:relative;width:248px;padding-right:10px;left:-23px;top:83px;height:215px;overflow-y:scroll;color:#0f0}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.computer-screen{width:85%;height:100vh;color:#000;overflow:auto;left:0;top:0;padding-top:160px;overflow-y:auto}}.overview{overflow:visible;align-items:flex-end;display:flex}@keyframes fadein{0%{opacity:0}to{opacity:1}}.about{text-align:left;opacity:1;transition:opacity 1s ease-out}.mobile-only{display:none}
/*# sourceMappingURL=/styles.57ce5623.css.map */