@charset "UTF-8";@import"https://fonts.cdnfonts.com/css/jetbrains-mono-2";*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}.text--black{color:#000}.bg--black,html{background-color:#000}.shadow--black{box-shadow:#000}.text--white,html{color:#fff}.bg--white{background-color:#fff}.shadow--white{box-shadow:#fff}.text--gray-1{color:#444}.bg--gray-1{background-color:#444}.shadow--gray-1{box-shadow:#444}.text--gray-2{color:#666}.bg--gray-2{background-color:#666}.shadow--gray-2{box-shadow:#666}.text--gray-3{color:#888}.bg--gray-3{background-color:#888}.shadow--gray-3{box-shadow:#888}.text--gray-4{color:#aaa}.bg--gray-4{background-color:#aaa}.shadow--gray-4{box-shadow:#aaa}.text--gray-5{color:#ccc}.bg--gray-5{background-color:#ccc}.shadow--gray-5{box-shadow:#ccc}.text--red{color:#ca2d32}.bg--red{background-color:#ca2d32}.shadow--red{box-shadow:#ca2d32}.text--green{color:#5ca857}.bg--green{background-color:#5ca857}.shadow--green{box-shadow:#5ca857}.text--dark-blue{color:#36228e}.bg--dark-blue{background-color:#36228e}.shadow--dark-blue{box-shadow:#36228e}.text--light-blue{color:#6ba8eb}.bg--light-blue{background-color:#6ba8eb}.shadow--light-blue{box-shadow:#6ba8eb}.text--yellow{color:#f8f845}.bg--yellow{background-color:#f8f845}.shadow--yellow{box-shadow:#f8f845}.text--magenta{color:#ca008b}.bg--magenta{background-color:#ca008b}.shadow--magenta{box-shadow:#ca008b}.button-location--black{color:#000}.button-location--black{background-color:#000}.button-location--black{box-shadow:#000}.button-location--white{color:#fff}.button-location--white{background-color:#fff}.button-location--white{box-shadow:#fff}.button-location--gray-1{color:#444}.button-location--gray-1{background-color:#444}.button-location--gray-1{box-shadow:#444}.button-location--gray-2{color:#666}.button-location--gray-2{background-color:#666}.button-location--gray-2{box-shadow:#666}.button-location--gray-3{color:#888}.button-location--gray-3{background-color:#888}.button-location--gray-3{box-shadow:#888}.button-location--gray-4{color:#aaa}.button-location--gray-4{background-color:#aaa}.button-location--gray-4{box-shadow:#aaa}.button-location--gray-5{color:#ccc}.button-location--gray-5{background-color:#ccc}.button-location--gray-5{box-shadow:#ccc}.button-location--red{color:#ca2d32}.button-location--red{background-color:#ca2d32}.button-location--red{box-shadow:#ca2d32}.button-location--green{color:#5ca857}.button-location--green{background-color:#5ca857}.button-location--green{box-shadow:#5ca857}.button-location--dark-blue{color:#36228e}.button-location--dark-blue{background-color:#36228e}.button-location--dark-blue{box-shadow:#36228e}.button-location--light-blue{color:#6ba8eb}.button-location--light-blue{background-color:#6ba8eb}.button-location--light-blue{box-shadow:#6ba8eb}.button-location--yellow{color:#f8f845}.button-location--yellow{background-color:#f8f845}.button-location--yellow{box-shadow:#f8f845}.button-location--magenta{color:#ca008b}.button-location--magenta{background-color:#ca008b}.button-location--magenta{box-shadow:#ca008b}.nav-bar{--spacing: 1.1rem;--border-thickness: 2px;--text-color: white;--line-height: 1em;z-index:1;overflow:auto;min-height:0;scrollbar-color:#ffffff #000000;scrollbar-width:thin}.nav-bar .tree,.nav-bar .tree ul{position:relative;padding-left:0;list-style-type:none;line-height:var(--line-height)}.nav-bar .tree ul{margin:0}.nav-bar .tree ul li{position:relative;padding-left:.75em;margin-left:.5em;border-left:var(--border-thickness) solid var(--text-color)}.nav-bar .tree ul li:before{position:absolute;display:block;top:calc(var(--line-height) / 2);left:0;content:"";width:1ch;border-bottom:var(--border-thickness) solid var(--text-color)}.nav-bar .tree ul li:last-child{border-left:var(--border-thickness) solid transparent}.nav-bar .tree ul li:last-child:after{position:absolute;display:block;top:0;left:calc(0px - var(--border-thickness));content:"";height:calc(var(--line-height) / 2 + var(--border-thickness));border-left:var(--border-thickness) solid var(--text-color)}.nav-bar .tree .closed{display:none}.nav-bar a{cursor:pointer;color:#fff}.nav-bar .folder-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.2em;height:1.2em;border:2px solid white;cursor:pointer;text-align:center;line-height:1.2em;position:relative;background-color:transparent;margin-right:4px}.nav-bar .folder-checkbox:after{content:"−";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-bar .folder-checkbox:checked:after{content:"+"}.nav-bar .folder-name{display:flex;flex-direction:row;align-items:center;cursor:pointer}.nav-bar .selected{background-color:#666}.box{border:2px solid white;padding:12px;word-wrap:break-word}.box--mobile-accordion-visible{display:none}@media (max-width: 33.74em){.box--mobile-accordion-visible{display:block}}@media (max-width: 33.74em){.box--mobile-accordion-open{max-height:none}.box--mobile-accordion-open .title{width:100%;cursor:pointer}.box--mobile-accordion-open .title:before{content:"⯆"}}@media (max-width: 33.74em){.box--mobile-accordion-closed{max-height:3.5em;overflow:hidden;position:relative}}@media (max-width: 33.74em) and (max-width: 33.74em){.box--mobile-accordion-closed .box--mobile-accordion-closed-hidden{display:none}}@media (max-width: 33.74em){.box--mobile-accordion-closed .title{width:100%;cursor:pointer}.box--mobile-accordion-closed .title:before{content:"⯈"}}.button{display:flex;align-items:center;justify-content:center;padding:4px 12px;text-decoration:none;text-align:center}.button--black{cursor:pointer;background-color:#000;box-shadow:2px 2px #888}.button--black:hover{background-color:#1a1a1a}.button--black:active{background-color:#000;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--white{cursor:pointer;background-color:#fff;box-shadow:2px 2px #888}.button--white:hover{background-color:#fff}.button--white:active{background-color:#e6e6e6;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--gray-1{cursor:pointer;background-color:#444;box-shadow:2px 2px #888}.button--gray-1:hover{background-color:#5e5e5e}.button--gray-1:active{background-color:#2b2b2b;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--gray-2{cursor:pointer;background-color:#666;box-shadow:2px 2px #888}.button--gray-2:hover{background-color:gray}.button--gray-2:active{background-color:#4d4d4d;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--gray-3{cursor:pointer;background-color:#888;box-shadow:2px 2px #888}.button--gray-3:hover{background-color:#a2a2a2}.button--gray-3:active{background-color:#6f6f6f;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--gray-4{cursor:pointer;background-color:#aaa;box-shadow:2px 2px #888}.button--gray-4:hover{background-color:#c4c4c4}.button--gray-4:active{background-color:#919191;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--gray-5{cursor:pointer;background-color:#ccc;box-shadow:2px 2px #888}.button--gray-5:hover{background-color:#e6e6e6}.button--gray-5:active{background-color:#b3b3b3;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--red{cursor:pointer;background-color:#ca2d32;box-shadow:2px 2px #888}.button--red:hover{background-color:#d85256}.button--red:active{background-color:#a02428;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--green{cursor:pointer;background-color:#5ca857;box-shadow:2px 2px #888}.button--green:hover{background-color:#7db979}.button--green:active{background-color:#4a8646;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--dark-blue{cursor:pointer;background-color:#36228e;box-shadow:2px 2px #888}.button--dark-blue:hover{background-color:#462cb7}.button--dark-blue:active{background-color:#261865;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--light-blue{cursor:pointer;background-color:#6ba8eb;box-shadow:2px 2px #888}.button--light-blue:hover{background-color:#98c2f1}.button--light-blue:active{background-color:#3e8ee5;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--yellow{cursor:pointer;background-color:#f8f845;box-shadow:2px 2px #888}.button--yellow:hover{background-color:#fafa76}.button--yellow:active{background-color:#f6f614;transform:translate(1px,1px);box-shadow:1px 1px #666}.button--magenta{cursor:pointer;background-color:#ca008b;box-shadow:2px 2px #888}.button--magenta:hover{background-color:#fd00ae}.button--magenta:active{background-color:#970068;transform:translate(1px,1px);box-shadow:1px 1px #666}.pseudo-button--black{background-color:#000;box-shadow:2px 2px #888}.pseudo-button--white{background-color:#fff;box-shadow:2px 2px #888}.pseudo-button--gray-1{background-color:#444;box-shadow:2px 2px #888}.pseudo-button--gray-2{background-color:#666;box-shadow:2px 2px #888}.pseudo-button--gray-3{background-color:#888;box-shadow:2px 2px #888}.pseudo-button--gray-4{background-color:#aaa;box-shadow:2px 2px #888}.pseudo-button--gray-5{background-color:#ccc;box-shadow:2px 2px #888}.pseudo-button--red{background-color:#ca2d32;box-shadow:2px 2px #888}.pseudo-button--green{background-color:#5ca857;box-shadow:2px 2px #888}.pseudo-button--dark-blue{background-color:#36228e;box-shadow:2px 2px #888}.pseudo-button--light-blue{background-color:#6ba8eb;box-shadow:2px 2px #888}.pseudo-button--yellow{background-color:#f8f845;box-shadow:2px 2px #888}.pseudo-button--magenta{background-color:#ca008b;box-shadow:2px 2px #888}.button--basic{text-align:center;cursor:pointer;font-size:x-large;background-color:transparent;padding:4px;line-height:1em}.button--basic-outline{text-align:center;cursor:pointer;background-color:transparent;border:2px solid white;padding:4px;line-height:1em}.button--basic-outline:hover{background-color:#9a9a9a}.button--basic-outline:active{background-color:#676767;transform:translate(1px,1px);box-shadow:1px 1px #666}header{display:flex;flex-direction:column;gap:12px}footer{display:flex;gap:8px;overflow:hidden}@media (max-width: 28.115em){footer{flex-direction:column;align-items:center;justify-content:center}footer .colours{margin:auto}}footer .colours{margin-left:auto;display:flex;flex-direction:row;gap:8px}footer p{align-self:center}#button-bar{display:flex;flex-direction:column;padding:16px}@media (max-width: 33.74em){#button-bar{gap:8px}}#button-bar ul{flex:1;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:8px}@media (max-width: 33.74em){#button-bar ul{flex-direction:column}}.loader__container{display:flex;flex-direction:row;margin:auto}.loader{align-self:last baseline;width:20px;margin-left:2px;margin-bottom:4px;aspect-ratio:4;background:radial-gradient(circle closest-side,#fff 90%,#fff0) 0/33.3333333333% 100% space;clip-path:inset(0 100% 0 0);animation:l1 1.5s steps(4) infinite}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.main-content{overflow:auto;height:100%;min-height:0;scrollbar-color:#ffffff #000000;scrollbar-width:thin}.main-content a:not(.button){color:#fff}.main-content h1{font-size:1.5em;text-decoration:underline}.main-content h2{font-size:1.3em;text-decoration:underline}.main-content h3{text-decoration:underline;font-size:1.1em}.main-content h4,.main-content h5,.main-content h6{font-style:italic;font-size:1em}.main-content p{font-size:1em}.main-content p+p{padding-top:8px}.main-content p+h1,.main-content p+h2,.main-content p+h3,.main-content p+h4,.main-content p+h5,.main-content p+h6{padding-top:8px}.main-content ul,.main-content ol{margin-left:20px;list-style-position:outside}.main-content li{padding:unset;margin:unset;margin-left:20px}.main-content a{cursor:pointer;text-decoration:underline}.main-content pre{margin:12px 0;padding:12px;border:2px solid white;background-color:#000;box-shadow:4px 4px #888}.main-content pre.no-style{border:none;box-shadow:none;padding:0;margin:0;background-color:transparent}.main-content img{max-height:200px;object-fit:contain;cursor:zoom-in}.main-content .image-wrapper{padding:12px;display:flex;flex-direction:column;align-items:center}.main-content .image-wrapper figure{padding:4px;margin:4px;width:fit-content;border:2px solid white;display:flex;flex-direction:column}.main-content .image-wrapper figure figcaption{padding-top:4px;font-size:small}.main-content .image-wrapper .modal-content{width:70%}.main-content .image-wrapper .modal-content a{text-decoration:none}.main-content .image-wrapper .modal-content .modal-main{display:flex;align-items:center;justify-content:center}.main-content .image-wrapper .modal-content .modal-main img{width:auto;height:auto;max-width:100%;max-height:100%;cursor:default;object-fit:contain}@media (max-width: 61.24em){.main-content .image-wrapper .modal-content{width:70%;width:90%}}.main-content .project-card{box-sizing:border-box}.main-content .project-card__section-title{background:#444;padding:4px;margin-bottom:4px;box-shadow:2px 2px #888}.main-content .project-card__section-content{padding-left:4px}.main-content .project-card__body{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:2px solid #fff;padding-top:12px;border-top:2px solid #fff}.main-content .project-card__overview-title{font-size:larger}.main-content .project-card__desc,.main-content .project-card__techstack,.main-content .project-card__links{background-color:#000}.main-content .project-card__links ul{margin:0;padding:0;display:flex;flex-direction:row;list-style-type:none;gap:4px}.main-content .project-card__link{margin:0;padding:0}.main-content .tech-stack__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding:4px;list-style-type:none}.main-content .tech-stack__list-item{margin:0;padding:0}.article-widget{display:flex;flex-direction:row;align-items:center}.article-widget li{margin-left:0}.article-widget ul{list-style-type:none;margin:8px 0;display:flex;flex-direction:row;gap:8px}@media (max-width: 19.99em){.article-widget ul{flex-direction:column}}@media (max-width: 33.74em){.article-widget{flex-direction:column}}.modal-overlay{z-index:99999;position:fixed;top:0;left:0;height:100vh;width:100vw;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{z-index:99999;background:#000;border:2px white solid;padding:8px;min-width:30%;max-width:50%}@media (max-width: 61.24em){.modal-content{min-width:70%;max-width:90%}}.modal-header{display:flex;flex-direction:row;align-items:center}.modal-close{justify-self:center;align-self:center;margin-left:auto}.share__permalink{margin-top:8px;display:flex;flex-direction:column}.permalink__input{display:flex;flex-direction:row;gap:4px}@media (max-width: 19.99em){.permalink__input{display:flex;flex-direction:column}}.permalink__input input{padding:8px;color:#fff;background-color:transparent;border:2px solid white;flex:1}.toasts-container{position:absolute;top:0;left:0;padding:0;list-style-type:none;display:flex;flex-direction:column-reverse;gap:8px;margin:8px;width:15%}.toast{display:none;max-width:100%;padding:8px;border:2px solid white;background-color:#000;text-align:center;color:#fff;text-wrap:wrap;animation:toast-slide-in 1s forwards}.console__output ul{margin-left:0}.console__output li{margin-left:0;list-style:none}.console__output li li{margin-left:20px}.console__input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;width:100%}.console-input__textinput{all:unset;background-color:transparent;color:#fff;width:100%}.cookie-banner{padding:12px;margin:12px;border:2px solid #fff;background-color:#000}.cookie-banner__overlay{z-index:99999;position:fixed;top:0;left:0;height:100vh;width:100vw;background:#00000080;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-bottom:20px}.cookie-banner__buttons{padding:12px;display:flex;flex-direction:row;gap:12px}*{line-height:1.2em}html{display:flex;flex-direction:column;align-items:center}body{font-family:JetBrains Mono,monospace;width:100vw;height:100vh;padding:12px;display:flex;flex-direction:column}#app{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.content{flex:1;flex-grow:1;display:grid;min-height:0;grid-template-columns:minmax(auto,25%) auto;column-gap:12px}@media (max-width: 81.24em){.content{grid-template-columns:minmax(auto,35%) auto}}@media (max-width: 61.24em){.content{display:flex;flex-direction:column;gap:12px}}