:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-background:url(/assets/images/firefly_dodecahedron_chrome_and_gold_circuits_2_\(main\).jpg);--card-gradient:linear-gradient(to bottom, #000, #d18bfc80);background-color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;height:100vh;margin:0;overflow-x:hidden}body:before{content:"";background:var(--main-background);opacity:.3;z-index:-1;background-position:50%;background-size:cover;width:100vw;height:100vh;position:fixed}nav{padding:1.5em;position:fixed;top:0;left:0}.nav-background{content:"";z-index:0;background:linear-gradient(#000,#000c,#0000);width:100vw;height:125px;position:fixed;top:0;left:0}.hamburger-a{z-index:2;margin-top:.5em;margin-left:1.2em;font-size:2em;position:fixed;top:0;left:0;transform:rotate(90deg)}.hamburger-nav-dropdown{visibility:hidden;z-index:1;background-color:#1a1a1a;width:200px;height:100%;padding-top:65px;display:block;position:fixed;top:0;left:0}.hamburger-item{color:inherit;text-align:left;margin-left:1.5em;line-height:3em;display:block}.hamburger-item:hover{color:#2fdeb2}a{color:#737373;-webkit-text-decoration:inherit;text-decoration:inherit;cursor:pointer;font-weight:500;transition:color .5s}a.active{color:#d18bfc}.a-alt{color:#d18bfc;-webkit-text-decoration:inherit;text-decoration:inherit;cursor:pointer;font-weight:500;transition:color .5s}.a-alt:hover{color:#2fdeb2}button{cursor:pointer;background-color:#0000;border:1px solid #0000;margin:.4em;padding:.5em 1.1em;font-family:inherit;font-size:.8em;font-weight:500;transition:background-color .5s}button:hover{color:#1a1a1a;background-color:#d4d4d4}button:focus,button:focus-visible{border:1px solid #737373}.button-alt{color:#1a1a1a;cursor:pointer;background-color:#d4d4d4;border:1px solid #0000;width:95%;margin:.4em;padding:.5em 1.1em;font-family:inherit;font-size:1em;transition:background-color .5s}.button-alt:hover{color:#1a1a1a;background-color:#2fdeb2}.button-alt:focus,.button-alt:focus-visible{border:1px solid #737373}h1{font-family:Climate Crisis,sans-serif;font-size:2em;line-height:1.2}h2{color:#2fdeb2;font-family:Climate Crisis,sans-serif;font-size:1.5em;line-height:1.2}.footer{text-align:center;z-index:1;background-color:#000;width:100%;height:35px;position:fixed;bottom:0}.modal-container{color:#fffc;text-align:center;filter:drop-shadow(0 15px 7px #1b1b1bcc);z-index:1;visibility:visible;background-color:#0009;border:none;width:90vw;min-width:300px;max-width:1300px;height:90vh;min-height:525px;max-height:900px;margin:30px auto;padding:0 15px 10px;font-family:Montserrat,sans-serif;font-size:.8em;line-height:1.5em;position:fixed;left:50%;overflow:hidden auto;transform:translate(-50%)}.modal-container h2{line-height:1.3em}.modal-content-wrapper{text-align:left;flex-direction:row;justify-content:space-evenly;align-items:center;height:100%;display:flex}.modal-content-item{border:1px solid #fff;width:40%;height:60%;min-height:145px;max-height:450px;margin:0 15px;padding:15px}.modal-content-item:hover{cursor:pointer;background-color:#29292980;border:2px solid #d18bfc80}.modal-x{color:#d4d4d4;cursor:pointer;width:100%;margin:0 0 20px 95%;font-family:Monoton,sans-serif;font-size:25px;transition:color .2s}.modal-x:hover{color:#ff4d4d}.centered-content-container{flex-direction:column;min-width:320px;height:100vh;min-height:575px;margin-left:2em;margin-right:2em;display:flex}.feature-container{background:#343434b3;border:none;margin:15px 0 10px;padding:2px 5px 2px 15px}.feature-container:hover{background:#161616b3}.post-container{cursor:pointer;background:linear-gradient(#343434b3,#000);border:none;width:95%;min-width:300px;height:265px;margin:10px 0 30px -15px;padding:6px 20px 0;overflow-y:hidden}.post-container:hover{background:linear-gradient(#000,#d18bfc80)}.post-container a{color:#d18bfc}.post-container-alt{cursor:auto;background:#161616e6;border:none;width:95%;min-width:300px;height:fit-content;margin:10px 0 30px -15px;padding:15px 20px 0;overflow-y:auto}.post-container-alt a{color:#d18bfc}a:hover{color:#2fdeb2}.img-container{width:40vw;margin-top:60px;margin-left:30px}.img-about{border:none;width:90%;max-width:375px;margin-left:.5em}.img-with-text{flex-direction:row;height:fit-content;margin:125px 0;padding-bottom:40px;display:flex}.discog-container{flex-flow:wrap;justify-content:center;min-width:320px;max-width:1200px;height:fit-content;margin:0 auto;padding-top:40px;display:flex}.discog-item{cursor:pointer;border:none;width:40%;min-width:75px;max-width:375px;height:40%;min-height:75px;max-height:375px;margin:1%;transition:transform .2s}.discog-item:hover{transform:scale(1.05)}.bookshelf-item{cursor:pointer;border:none;width:60%;min-width:150px;max-width:275px;margin:1%;transition:transform .2s}.bookshelf-item:hover{transform:scale(1.05)}.discog-modal-item{flex-direction:row;justify-content:space-between;align-items:center;width:70vw;max-width:750px;display:flex}.discog-modal-text{min-width:225px;max-width:325px;max-height:325px;padding-right:15px;font-size:1.2em;line-height:1.6em;overflow-y:auto}.discog-modal-text::-webkit-scrollbar{width:10px}.discog-modal-text::-webkit-scrollbar-track{background:#000}.discog-modal-text::-webkit-scrollbar-thumb{background:0 0;border:1px solid gray;border-radius:5px}.project-container{flex-direction:column;align-items:center;width:80vw;max-width:750px;height:fit-content;margin:auto;display:flex}.project-card{height:190px;width:inherit;max-width:inherit;cursor:pointer;background-size:cover;border:1px solid #fff;margin-bottom:20px;transition:transform .2s}.project-card>h3{margin:20px}.project-card>p{width:90%;margin:20px}.project-card:hover{background-image:var(--card-gradient);transform:scale(1.02)}.spaced-text{letter-spacing:.34em;color:#2fdeb2;font-family:Climate Crisis,sans-serif;font-size:1.1em;line-height:1.2}.title-box{text-align:right;height:fit-content;margin:auto 0}.text-box,.text-box-2{text-align:left;width:50vw;height:fit-content;margin:auto 0}.inline{white-space:nowrap}.inline>p,.inline>div{display:inline}.icon{height:30px;margin:20px 10px -5px;transition:transform .2s}.icon:hover{transform:scale(1.3)}.nav-icon{height:40px;padding-top:1.5em;padding-right:2em;transition:transform .2s;position:fixed;top:0;right:0}.nav-icon:hover{transform:scale(1.2)}.site-version-icon{height:20px;transition:transform .2s;position:fixed;top:45px;right:125px}.site-version-icon:hover{transform:scale(1.3)}@media screen and (width<=1060px){.img-container{width:35vw}}@media screen and (width<=925px){.text-box{width:88vw;margin-bottom:10px}.text-box-2{width:88vw}.img-a{text-align:left}.img-container{display:none}.modal-container{min-height:fit-content}.modal-content-wrapper{flex-direction:column}.modal-content-item{width:80%;height:25%;margin:15px}.discog-modal-item{flex-direction:column}.discog-modal-text{max-height:140px;margin:25px 0}.bookshelf-item{width:75%;min-width:175px;max-width:225px}}@media screen and (width<=600px){.discog-item{width:45%}}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}