@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap";
html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#000}body{color:#fff;background-image:url(/images/bg.png);background-repeat:no-repeat;background-size:cover;margin:0;font-family:Share Tech Mono,monospace;font-size:12pt;line-height:150%}#unselectable,.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body,html{-moz-text-size-adjust:none;text-size-adjust:none}main{flex-grow:1;padding:0 20px 20px}#root,main{flex-direction:column;justify-content:space-between;display:flex}#root{min-height:100vh}code{color:#00fefe;background-color:#1a1c1d}a:active,a:hover,a:link,a:visited{color:#00fefe;text-decoration:none}a:active,a:hover{border-bottom:1px solid #00fefe}button,input,select{color:#ccc;background-color:#161718;border-style:none;border-radius:1px;padding:5px;font-family:Major Mono Display,monospace}button :focus,input :focus,select :focus{outline:none}button{cursor:pointer}hr{border:2px solid #252b2d}.text-box{color:#b5b5b5;letter-spacing:-1px;background:#252b2d;border-radius:6px;margin:12px 0;padding:8px;font-size:130%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:#555;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#666}header{color:#ccc;z-index:20;background:#181d1f;justify-content:space-between;gap:10px;margin:0;padding:5px 20px;font-weight:400;line-height:100%;box-shadow:0 0 4px #130b00}header,header>.logo{align-items:center;display:flex}header>.logo{background-color:#252b2d;border:0;border-radius:5px;margin:3px 0;padding:3px 5px 3px 3px}header>.logo>h1{color:#fff;margin:0;padding:0 3px;font-family:Bebas Neue,monospace;font-size:14pt;font-weight:400}footer{color:#888;text-align:right;margin-top:30px;padding:0 20px 20px;font-size:10pt;font-weight:400}article{max-width:900px;margin:20px auto;font-size:120%}article h1:before,article h2:before{color:#00fefe;content:"> ["}article h1:after,article h2:after{color:#00fefe;content:"]"}article h3:before{color:#00fefe;content:"> ";transition:all .3s;position:absolute;transform:translate(-35px)}.link:hover>div>h3:before{transform:translate(-30px)}article h3{margin-left:30px}article h4{font-size:16px!important}section h2{font-family:Major Mono Display,monospace;font-size:min(35px,6.2vw)!important}.page-header{justify-content:center;display:flex}.page-header>div{flex-grow:1;justify-content:space-around;max-width:100%;padding:40px 0;display:flex}.page-header>div>img{width:25%}.page-header>div>div{text-align:center;flex-direction:column;justify-content:center;width:100%;display:flex}.page-header>div>div>h1{width:100%;margin:0 0 15px;font-family:Major Mono Display,monospace;font-size:min(15vw,100px);line-height:1em}.page-header>div>div>h2{width:100%;margin:0;font-family:Major Mono Display,monospace;font-size:min(10vw,66px);line-height:1em}.page-header>div>div>div{font-size:min(2vw,20px);line-height:1.1}.page .link{height:75px}.page .link .link-description{width:280px;font-weight:400}.page section{margin:25px 0;padding:.1px 15px}.link,.page section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #00fefe;border-radius:0}.page section.nooutline{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border:0}.link{justify-content:space-between;align-items:center;gap:15px;height:95px;margin:10px 0;padding:0 15px;display:flex}.link:link,.link:visited{color:#ccc}.link .link-title{-webkit-column-gap:15px;flex-direction:row;align-items:center;column-gap:15px;font-family:Major Mono Display,monospace;font-size:150%;display:flex}.link .link-title svg{color:#00fefe;font-size:40px}.link .nobefore:before{content:""}.link .link-description{color:#7e7e7e}.link>.link-title>h3{color:#fff}.down-enter{opacity:0;transform:scale(.9)}.down-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}.down-exit{opacity:1}.down-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.9)}.video-container{height:0;margin-bottom:15px;padding-bottom:56.25%;position:relative}.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.image-container{height:0;margin-bottom:15px;padding-bottom:56.25%;position:relative}.image-container img{width:100%;height:100%;position:absolute;top:0;left:0}section.list{flex-direction:row;gap:10px;margin-top:0;display:flex;overflow-x:auto}section.checklist{background-color:#1f2224;border:none;border-radius:5px;max-height:20vh;margin-top:5px;padding-bottom:5px;overflow-y:auto}section.checklist h5{margin-top:10px;margin-bottom:0;font-size:16px}section.checklist p{padding-left:5px}section.checklist p.complete:before{color:#0f0;content:"✔ "}section.checklist p.incomplete:before{color:red;content:"✖ "}section.card{background-color:#191b1c;border-radius:5px;min-width:max(8vw,200px);max-width:max(8vw,200px);min-height:150px;max-height:150px;margin-top:0;margin-bottom:10px;padding:10px;font-size:70%;position:relative}section.card h4{margin:0 0 5px;font-size:12px}section.card h4.limit{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.card hr{background-color:#00fefe1a;border:none;height:1px;margin:0 0 5px}section.card p{margin:0}section.card p.limit{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.card button{font-size:16px;transition:all .3s;position:absolute;bottom:5px;right:5px}section.card button:hover{background-color:#00000080}div.labels{flex-flow:wrap;gap:5px;margin-bottom:5px;display:flex}div.label{white-space:nowrap;background-color:#f5f5f5;border-radius:.375em;justify-content:center;align-items:center;height:1.6em;padding-top:.3em;padding-left:.75em;padding-right:.75em;font-size:.65rem;line-height:1.5;display:inline-flex}section.overlay{z-index:20;background:0 0;display:block;position:fixed;top:50%;left:50%}section.overlay .card{width:auto;min-width:max(14vw,300px);max-width:max(14vw,300px);height:auto;max-height:fit-content;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}section.overlay:after{content:"";z-index:-2;background:#000000e6;position:fixed;inset:0}section.overlay:before{content:"";z-index:-1;background:0 0;position:absolute;inset:0}nav>a.link.disabled:hover{cursor:not-allowed;animation:.5s ease-out shake}nav>a.link.disabled:hover>div>h3{color:#0000}nav>a.link.disabled:hover>div>h3:before{content:"> access denied";color:red;text-align:left;-webkit-column-gap:15px;flex-direction:row;align-items:center;column-gap:15px;width:100%;margin-left:10px;font-family:Major Mono Display,monospace;font-size:100%;font-weight:700;display:flex}@keyframes shake{0%{transform:translate(0)}5%{transform:translate(-4px)}15%{transform:translate(4px)}25%{transform:translate(-4px)}35%{transform:translate(4px)}45%{transform:translate(-4px)}55%{transform:translate(4px)}65%{transform:translate(-4px)}75%{transform:translate(3px)}85%{transform:translate(-3px)}to{transform:translate(0)}}.timeline:before{content:"";z-index:1;background:#fff;width:2px;height:calc(100% - 95px);position:absolute;top:58px}.timeline>ul>li{list-style:none}.timeline>ul>li>h2:before{content:"";z-index:1;background:#00fefe;border-radius:50%;width:10px;height:10px;position:absolute;left:11px;transform:translateY(18px);box-shadow:0 0 0 5px #00fefe4d}.timeline>ul>li.done>h2:before{background:#00fe00;box-shadow:0 0 0 5px #00fe004d}.timeline>ul>li.wip>h2:before{background:#fefe00;box-shadow:0 0 0 5px #fefe004d}.timeline>ul>li>h2:after{content:""}.timeline>ul>li>h2{margin-top:30px;margin-bottom:0;line-height:1.2}.timeline>ul>li>h6{margin:0;padding:0;font-size:12px;font-weight:400}.timeline>ul>li>p{margin-bottom:0;padding-bottom:0}.timeline>ul>li>ul{margin-top:10px;margin-bottom:0;padding:0;list-style:none}.timeline>ul>li>ul>li>i.fa-solid{width:20px;height:20px;margin-left:10px;padding-right:7px}.timeline>ul>li>ul>li>i.fa-xmark{color:#fe0000}.timeline>ul>li>ul>li>i.fa-check{color:#00fe00}.timeline>ul>li>ul>li>i.fa-hourglass{color:#feae00}.glitch{z-index:0;width:100%;position:fixed}
