.statusbar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff13;border-radius:.3rem}.statusbar-title{font-size:1.5rem}.statusbar-details{display:flex;align-items:center;gap:1rem}.statusbar-image{width:2rem;height:2rem;border-radius:.3rem}.statusbar-links{display:flex;gap:4px;border-radius:.3rem;overflow:hidden}.statusbar-links>*{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;background-color:#fffc;transition:all .5s}.statusbar-links>*:hover{background-color:#fff}.statusbar-links>*>img{width:1rem;height:1rem}.statusbar-close{background-color:#f2cfdc}.statusbar-source{background-color:#cef}:root{--logic-default-color: rgba(0, 12, 51, 1);--logic-error-color: rgba(23, 1, 32, 1);--logic-true-color: rgba(10, 61, 17, 1);--logic-false-color: rgba(61, 10, 35, 1);--logic-true-hover-color: hsla(128, 72%, 28%, 1);--logic-false-hover-color: hsla(331, 72%, 28%, 1)}.logic-container.logic-default{background-color:var(--logic-default-color)}.logic-container.logic-error{background-color:var(--logic-error-color)}.logic-container.logic-true{background-color:var(--logic-true-color)}.logic-container.logic-false{background-color:var(--logic-false-color)}.logic-container>.project-content{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:.5rem}.logic-output{text-align:start;font-size:1.5rem;margin-top:.5rem;overflow:hidden;transition:all .5s}.logic-show-output{height:2rem}.logic-hide-output{height:0}.logic-delete-button{display:flex;justify-content:center;align-items:center}.logic-delete-button>img{width:1rem}.logic-input-categories{display:flex;justify-content:stretch;flex-wrap:wrap;gap:.5rem}.logic-input-categories>*{display:flex;border-radius:.3rem;overflow:hidden;gap:4px}.logic-input-area{display:flex;min-height:2rem;justify-content:stretch;flex-wrap:nowrap;gap:.5rem}.logic-input{flex-grow:1;padding:0 4px;font-size:1rem;border-radius:.3rem;border:0}.logic-input-buttons{display:flex;border-radius:.3rem;overflow:hidden;gap:4px}.logic-input-buttons>*{font-size:1rem;width:2rem;background-color:#fffc;border-width:0;cursor:pointer;transition:all .5s}.logic-input-buttons>*:not(:disabled):hover{background-color:#fff}.logic-input-buttons>*:disabled{opacity:.5;cursor:default}.project-content>button{flex-grow:1;font-size:1rem}.logic-input-button{flex-grow:1;font-size:1rem;min-width:2rem;min-height:2rem;background-color:#fffc;border-width:0;cursor:pointer;transition:all .5s}.logic-input-button:hover{background-color:#fff}.variables{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:.5rem 0;background-color:#ffffff1a;border-radius:.3rem;padding:.5rem}.variable{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;font-size:1.2rem}.variable>label{flex-grow:1;background-color:#ffffff1a;border-radius:.3rem;padding:.2rem;cursor:pointer;transition:all .5s}.variable.variable-true>label{background-color:var(--logic-true-color)}.variable.variable-false>label{background-color:var(--logic-false-color)}.variable.variable-true>label:hover{background-color:var(--logic-true-hover-color)}.variable.variable-false>label:hover{background-color:var(--logic-false-hover-color)}.variable>input{width:1.5rem;display:none}.logic-truth-table{display:flex;flex-direction:column;align-items:stretch;padding:.5rem 0;background-color:#ffffff1a;border-radius:.3rem;padding:.5rem}.logic-truth-table>h2,.variables>h2{margin-bottom:.5rem}.logic-truth-table-grid{display:flex;flex-direction:column;align-items:stretch;background-color:#fff;padding:2px;border-radius:.3rem;gap:2px;overflow:hidden}.logic-truth-table-row{display:flex;flex-direction:row;justify-content:space-around;gap:2px}.logic-truth-table-item{flex-grow:1;width:50%;text-align:center;align-content:center;min-height:2rem}.logic-truth-table-item-name,.logic-truth-table-item-result-name{background-color:var(--logic-error-color)}.logic-truth-table-item-result{flex-grow:2;width:100%;margin-left:2px}.logic-truth-table-item-false{background-color:var(--logic-false-color)}.logic-truth-table-item-true{background-color:var(--logic-true-color)}.logic-truth-table-item-false.logic-truth-table-item-result{background-color:var(--logic-false-hover-color)}.logic-truth-table-item-true.logic-truth-table-item-result{background-color:var(--logic-true-hover-color)}:root{--logic-light-color: hsl(226, 99%, 90%);--logic-dark-color: hsl(226, 99%, 10%);--mangalai-light-color: hsl(0, 50%, 96%);--mangalai-dark-color: hsl(0, 29%, 5%);--collatz-light-color: hsl(218, 49%, 85%);--collatz-dark-color: hsl(221, 90%, 27%);--epik-kapsul-light-color: hsl(66, 42%, 74%);--epik-kapsul-dark-color: hsl(144, 42%, 14%);--orbit-light-color: hsl(256, 51%, 93%);--orbit-dark-color: hsl(268, 90%, 8%)}.projects{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;flex-grow:1}.project-links{display:flex;flex-direction:column;gap:1rem;padding:1rem}.project-link-container{display:flex;flex-direction:column;gap:.5rem;max-width:50ch;text-decoration:none!important;background-color:#fff3;box-shadow:0 0 1rem #00000080;border-radius:.3rem;padding:1rem;transition:box-shadow .5s}.project-unavailable{opacity:.9}.project-link-container.project-available:hover{box-shadow:0 0 1rem #000}.project-headers{display:flex;align-items:center;color:#fff}.project-title-and-info{display:flex;flex-direction:column}.project-title{font-size:2rem;transition:all .5s}.project-info{font-size:.75rem;opacity:.9}.project-link-container.project-available:hover .project-title{color:#fff!important}.project-image{aspect-ratio:1;border-radius:.3rem;width:3rem;height:3rem;margin-right:1rem}.project-link:hover{text-decoration:underline}.project-description{color:#fff}.project-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;min-height:480px;margin:1rem;margin-top:0;padding:1rem;border-radius:1rem;transition:all 1s;flex-grow:1;box-shadow:0 0 1rem #00000080}:root{--orbit-block-s: hsl(202, 72%, 89%);--orbit-block-p: hsl(156, 49%, 84%);--orbit-block-d: hsl(60, 45%, 86%);--orbit-block-f: hsl(303, 57%, 88%)}.orbit-container{background-color:var(--orbit-dark-color)}.orbit-container>.project-content{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:.5rem;margin-top:.5rem}.orbit-top-section{display:flex;flex-direction:row;justify-content:space-between}.atom-info{display:flex;flex-direction:column;gap:.5rem}.atom-name{font-size:1.5rem;font-weight:700}.atom-input{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:2rem;gap:.5rem}.atom-input>*{display:flex;flex-direction:column;gap:0rem;width:100%}.atom-input input{font-size:1rem;font-family:inherit;color:#fff;background-color:#fff3;border:0;border-radius:.3rem;min-height:2rem;padding:0 .5rem}.atom-input label{font-size:1rem;flex-grow:1;text-wrap:nowrap;color:#d8d8d8}.send-orbit-button{font-size:1rem;font-family:inherit;color:#000;background-color:#fffc;border:0;border-radius:.3rem;min-height:2rem;padding:0 .5rem;width:100%;cursor:pointer;transition:all .5s}.send-orbit-button:hover{background-color:#fff}.orbit-result strong{color:#d8d8d8}.atom-display{display:flex;flex-direction:column;justify-content:space-between;font-family:ChakraPetch,sans-serif;background-color:#fff;color:#000000e6;border-radius:.3rem;width:8rem;aspect-ratio:1;transition:all .5s}.atom-display.block-s{background-color:var(--orbit-block-s)}.atom-display.block-p{background-color:var(--orbit-block-p)}.atom-display.block-d{background-color:var(--orbit-block-d)}.atom-display.block-f{background-color:var(--orbit-block-f)}.atom-display-top-row,.atom-display-bottom-row{display:flex;flex-direction:row;justify-content:space-between}.atom-display-symbol{font-size:3rem;text-align:center}.atom-display-number,.atom-display-charge,.atom-display-mass,.atom-display-electron{font-size:1.25rem;margin:0 .5rem}.atom-display-number{text-align:left}.atom-display-charge{text-align:right}.orbit-result{display:flex;flex-direction:column;gap:.5rem}.orbitals{display:flex;gap:.25rem;flex-wrap:wrap;max-width:50ch}.orbitals>span{font-size:1.5rem}.orbitals>.orbits-orbit-s{color:var(--orbit-block-s)}.orbitals>.orbits-orbit-p{color:var(--orbit-block-p)}.orbitals>.orbits-orbit-d{color:var(--orbit-block-d)}.orbitals>.orbits-orbit-f{color:var(--orbit-block-f)}.layer-visualiser{color:#fff;font-size:1.5rem}.about-orbit-inspector{display:flex;flex-direction:column;gap:.5rem;max-width:50ch}:root{--scale: 5}.homepage{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;gap:3rem}.homepage-header{display:flex;flex-direction:column;align-items:center;gap:1rem}.homepage-title{text-align:center;font-size:3rem;margin:0 1rem;color:var(--yellow-accent);text-shadow:0rem 0rem 1rem black;animation:up-and-down 1s step-start infinite}.homepage-buttons{width:16ch;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:calc(var(--scale) * var(--pixel))}.homepage-button{display:flex;justify-content:center;align-items:center;width:100%;height:calc(var(--scale) * 1rem);background-color:#fff;border-color:#000;border-width:calc(var(--scale) * var(--pixel));border-style:solid}.homepage-button img{height:inherit;aspect-ratio:1;margin-right:auto;image-rendering:pixelated}.homepage-button p{margin-right:auto;font-size:1.5rem}.homepage-button:hover,.homepage-button:focus{color:#fff;background-color:#000;animation:none}.homepage-button-projects{color:#013b04;animation:dark-green .3s step-end infinite}.homepage-button-designs{color:#00395c;animation:dark-rainbow 5s linear infinite}.homepage-button-about{color:#404040}.homepage-footer{font-size:1rem;text-align:center}.homepage-song{color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:.1rem}.homepage-footer img{width:.8rem;height:.8rem;margin:0 1ch;pointer-events:none;image-rendering:pixelated}@keyframes fade{0%{opacity:0}5%{opacity:0}20%{opacity:1}80%{opacity:1}95%{opacity:0}to{opacity:0}}@keyframes up-and-down{0%{transform:translateY(0)}50%{transform:translateY(-.2rem)}to{transform:translateY(0)}}@keyframes dark-rainbow{0%{color:#7b1fa2}16%{color:#08437d}33%{color:#115014}50%{color:#956c04}66%{color:#914901}83%{color:#c62828}to{color:#7b1fa2}}@keyframes dark-green{0%{color:#013b04}50%{color:#136014}to{color:#013b04}}@media screen and (max-width: 375px){.navbar-title{display:none}}.navbar{position:sticky;top:0;display:flex;max-width:100vw;height:4rem;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;justify-content:space-between;z-index:2}.navbar-logo-and-title{margin-left:1rem;display:flex;align-items:center;gap:.5rem}.navbar-logo{width:2rem;image-rendering:pixelated;opacity:.8}:hover>.navbar-logo,.navbar-logo-and-title:focus>.navbar-logo,.active>.navbar-logo-and-title>.navbar-logo{opacity:1}:hover>.navbar-title,.navbar-logo-and-title:focus>.navbar-title,.active>.navbar-logo-and-title>.navbar-title{color:#fff;text-shadow:0 0 .5rem black}.navbar-title{color:#fffc;text-shadow:0 0 .5rem rgba(0,0,0,.5);font-size:1rem}.navbar-item{text-decoration:none}.navbar-links{margin-right:1rem;display:flex;align-items:center;justify-content:end;gap:4px}.navbar-link{padding:.5rem;color:#000;text-decoration:none;font-size:.75rem;background-color:#fff;border-color:#000;border-width:3px;border-style:solid}.navbar-link:hover,.navbar-link.active,.navbar-link:focus{color:#fff;background-color:#000;z-index:1}:root{--gallery-item-size: clamp(2.5rem, 40vw, 12.5rem);--gallery-transition-duration: .35s}@media screen and (max-width: 425px){:root{--gallery-item-size: 80vw}.gallery-items{grid-template-columns:repeat(1,var(--gallery-item-size))!important}.design-title{font-size:1.75rem!important;margin:1rem 1rem .25rem!important}.design-description{font-size:1.25rem!important;margin:1rem!important;margin-top:0!important}.image-link{width:3rem!important;height:3rem!important}.design-platform{font-size:1rem!important}}.gallery{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.gallery-items{display:grid;grid-template-columns:repeat(2,var(--gallery-item-size));align-items:center;justify-content:center;overflow-x:hidden;gap:1rem;padding:1rem}.gallery-design{position:relative;width:var(--gallery-item-size);height:var(--gallery-item-size);border-radius:.3rem;overflow:hidden}.design-details{position:absolute;transform:translateY(0);width:100%;opacity:0;background-color:#ffffff80;color:#000;transition:all var(--gallery-transition-duration)}.design-title{font-size:1rem;margin:.5rem .5rem .25rem}.design-description{font-size:.75rem;margin:.5rem;margin-top:0}.design-image{width:100%;transition:all var(--gallery-transition-duration)}.design-buttons{position:absolute;display:flex;flex-direction:row-reverse;top:-2rem;right:.5rem;align-items:center;justify-content:space-between;gap:.5rem;opacity:0;transition:all var(--gallery-transition-duration)}.design-platform{text-shadow:0 0 .2rem black;opacity:.7;font-size:.75rem}.design-button{display:flex;justify-content:center;align-items:center;aspect-ratio:1;left:0;top:0;width:1.5rem;height:1.5rem;background-color:#fffc;border-radius:10%;box-shadow:0 0 1rem #00000080;transition:all var(--gallery-transition-duration)}.design-button img{width:100%;height:100%}.design-button:hover,.design-button:focus{background-color:#fff;box-shadow:0 0 1rem #000}.gallery-design:hover .design-buttons,.gallery-design:focus .design-buttons,.design-buttons:focus-within{top:.5rem;right:.5rem;opacity:1}.gallery-design:focus .design-details,.design-buttons:focus-within~.design-details,.gallery-design:hover .design-details{transform:translateY(-100%);opacity:1;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:0 0 1rem #000}.about{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;margin:1rem;margin-top:0;gap:1rem;flex-grow:1}.about-image{width:10rem;height:10rem;border-radius:.3em}.about-organic{font-size:.75rem;max-width:15rem;text-wrap:wrap;opacity:.8;text-align:center}.about-text{display:flex;max-width:50ch;font-size:1.25rem;flex-direction:column;gap:1rem;margin:0 1rem}.about-title{font-size:2rem;text-align:center}.about-sign{color:var(--yellow-accent)}.about-links{display:flex;flex-direction:row;gap:.3rem}.about-links a{text-decoration:none;color:var(--yellow);font-weight:700}.about-links a:hover{color:var(--yellow-accent);text-decoration:underline}@media screen and (max-width: 550px){.todays-song{flex-direction:column!important}.todays-song-links{width:100%;flex-direction:row!important;margin-top:calc(-1 * var(--scale) * var(--pixel))}.todays-song-notes{right:0!important}}@media screen and (max-width: 400px){.todays-song-track{font-size:1.25rem!important}}.todays-song{display:flex;flex-direction:row;align-items:stretch;background-color:#fff;border-color:#000;border-width:calc(var(--scale) * var(--pixel));border-style:solid;color:#000;overflow:hidden}.todays-song-header{position:relative;display:flex;flex-direction:row;align-items:start;flex-grow:1}.todays-song-notes{position:absolute;top:0;right:calc(-1 * var(--scale) * var(--pixel));height:calc(var(--scale) * 1rem);width:calc(var(--scale) * 2rem);image-rendering:pixelated;pointer-events:none;z-index:0}.todays-song-icon{height:calc(var(--scale) * 1rem);width:calc(var(--scale) * 1rem);background-color:#fff;image-rendering:pixelated;z-index:1}.todays-song-info{margin-top:calc(var(--scale) * var(--pixel))}.todays-song-track{position:relative;font-size:1.5rem;max-width:20ch;font-weight:700;line-height:1.5rem;z-index:1}.todays-song-artist{position:relative;font-size:1rem;z-index:1}.todays-song-links{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;margin-left:auto;z-index:1}.todays-song-links>*{display:flex;flex-grow:1;align-items:center;padding-right:calc(var(--scale) * var(--pixel))}.todays-song-spotify:hover{background-color:#1db954;color:#fff}.todays-song-yt:hover{background-color:red;color:#fff}.todays-song-links a{color:#000;text-decoration:none}.todays-song-links img{width:calc(var(--scale) * .5rem);height:calc(var(--scale) * .5rem);image-rendering:pixelated}@font-face{font-family:ChakraPetch;src:url(/assets/ChakraPetch-Medium-RTBhLdga.ttf);font-display:swap}@font-face{font-family:ari-w9500;src:url(/assets/ari-w9500-D5G4XRQk.ttf);font-display:swap}:root{--pixel: .0625rem ;--yellow: #ffdd00;--yellow-accent: rgb(255, 251, 231);--purple: rgb(93, 18, 73);--yellow-gradient: linear-gradient(90deg, rgba(255, 221, 0, 1) 0%, rgb(255, 244, 172) 20%, rgba(203, 179, 28, 1) 50%, rgba(255, 244, 172) 80%, rgba(255, 221, 0, 1) 100%)}#root{position:relative}*{margin:0}html{background-color:var(--purple);width:100%;height:max-content;min-height:100%;font-family:ari-w9500,sans-serif;color:#fff;font-size:clamp(1rem,2vw,1.5rem)}.app-wrapper{display:flex;width:100%;min-height:100dvh;flex-direction:column;align-items:center}.app-routes{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;flex-grow:1}.route-title{text-align:center;font-size:2rem;color:var(--yellow-accent);text-shadow:0rem 0rem 1rem black;overflow-x:hidden}.route-description{text-align:center;max-width:50ch;margin:1rem}.background-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.background-blob{position:absolute;width:100%;bottom:70vh;opacity:.1;animation:rotate 20s linear infinite}.background-tile{position:absolute;opacity:.1;width:100%;height:100%;background-size:10em;background-repeat:repeat;filter:blur(.5rem);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20width='1100.921'%20height='1920'%20viewBox='0%200%20291.28535%20508'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cg%20id='layer1'%3e%3cpath%20id='path2'%20style='fill:none;stroke:%23ffffff;stroke-width:25.4;stroke-dasharray:none'%20d='M%20145.64263,84.666665%20291.28525,169.33332%20V%20338.66666%20L%20145.64263,423.33333%20-2.5e-6,338.66665%202.0730538e-6,169.33332%20Z'%20/%3e%3cpath%20style='fill:none;stroke:%23ffffff;stroke-width:25.4;stroke-linecap:butt;stroke-dasharray:none;stroke-opacity:1;paint-order:normal'%20d='M%20145.64263,84.666665%20V%200'%20id='path3'%20/%3e%3cpath%20style='fill:none;stroke:%23ffffff;stroke-width:25.4;stroke-linecap:butt;stroke-dasharray:none;stroke-opacity:1;paint-order:normal'%20d='M%20145.64263,507.99999%20V%20423.33333'%20id='path3-1'%20/%3e%3c/g%3e%3c/svg%3e");animation:hex-slide 20s linear infinite}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--purple)}::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:var(--yellow)}::-webkit-scrollbar-thumb:hover{background-color:#ffeb66}@keyframes hex-slide{0%{background-position:0 0}to{background-position:10em calc(sqrt(3)*10em)}}@keyframes slide{0%{background-position:0 0}to{background-position:10em 10em}}@keyframes rotate{0%{transform:scaleX(2) rotate(0)}to{transform:scaleX(2) rotate(360deg)}}@keyframes grow-and-shrink{0%{background-size:100%}to{background-size:200%}}@keyframes sparkling{0%{scale:1;opacity:.7}50%{scale:.85;opacity:1}to{scale:1;opacity:.7}}@keyframes gradient-scroll{0%{background-position:0% center}to{background-position:-200% center}}