@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Light.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--muted-gray:#999;--neon-orange:#f60;--neon-orange-glow:0px 0px 10px var(--neon-orange), 0px 0px 10px var(--neon-orange) inset;--transition:.1s ease-in-out;--ui-font:"Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace}html{scroll-behavior:smooth}html,body,#root{height:100%;margin:0;padding:0}body{color:#fff;font-family:var(--ui-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}ul{margin:0;padding:0;list-style:none}#root{flex-direction:row;height:100vh;display:flex}#root>*{box-sizing:border-box;padding:20px}#content h2:before,#content a:before{content:"[";margin:10px}#content h2:after,#content a:after{content:"]";margin:10px}.projectCard p,.projectCard h3{box-sizing:border-box;width:100%;display:block;position:relative;padding:0 20px!important}.projectCard h3:before{content:"[";color:inherit;position:absolute;left:0}.projectCard h3:after{content:"]";color:inherit;position:absolute;right:0}.projectRow{box-sizing:border-box;position:relative;padding:0 20px!important}.projectRow:before{content:"[";color:var(--neon-orange);font-size:24px;line-height:1;position:absolute;bottom:-65%;left:-15px}.projectRow:after{content:"]";color:var(--neon-orange);font-size:24px;line-height:1;position:absolute;bottom:-65%;right:-15px}.projectRow .pName:before,.projectRow .pName:after,.projectRow .pTech:before,.projectRow .pTech:after,.projectRow .pYear:before,.projectRow .pYear:after,#content p strong:before,#content p strong:after,a.errorFallbackLink:before,a.errorFallbackLink:after{display:none!important}#navBar{flex-direction:column;align-items:center;width:30vw;height:100%;margin:0;display:flex;position:relative}#navBar:after{background-color:var(--neon-orange);content:"";width:1px;height:100vh;box-shadow:0 0 10px 2px var(--neon-orange);pointer-events:none;margin:0;position:absolute;top:0;left:30vw}#logoTitleBar{justify-content:center;align-items:center;margin:0;padding:0;display:flex}#logo{border:2px solid var(--neon-orange);width:auto;height:36px;box-shadow:var(--neon-orange-glow);border-radius:50%;margin-right:10px}#nameHeader{text-shadow:0 0 5px #fff;margin:0;padding:0;font-size:36px}#navBar h2{color:var(--muted-gray);text-align:left;font-size:16px}#sectionsTitleBar{display:none}#logoNavSeparator{background-color:#5e5e5e;border:none;width:80%;height:1px;margin:0}#navButtons{width:100%;margin-top:60px;padding:0}#navButtons ul{box-sizing:border-box;flex-direction:column;gap:30px;width:100%;display:flex}.navButton{color:var(--muted-gray);text-align:center;box-sizing:border-box;width:100%;transition:color var(--transition), font-size var(--transition), margin var(--transition);cursor:pointer;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 0;font-size:13px;text-decoration:none;display:grid}.navButton:before,.navButton:after{content:"";background:var(--muted-gray);opacity:1;height:2px;transition:background var(--transition), box-shadow var(--transition), height var(--transition);justify-self:stretch;margin:0}.navButton:before{grid-column:1;margin-right:12px}.navButton:after{grid-column:3;margin-left:12px}.navButton:hover{color:#fff}.navButton.selected{color:#fff;text-shadow:0 0 5px #fff;margin:10px 0;font-size:18px}.selected:before,.selected:after{background-color:#fff;height:3px;box-shadow:0 0 30px 3px #fff}#navButtons ul>:first-child a{margin-top:0}.logos{justify-content:center;align-items:center;width:100%;margin:auto 0 0;padding:0;display:flex}.logos ul{flex-direction:row;justify-content:space-evenly;width:100%;display:flex}.logos ul li{width:40px;height:40px;margin:0;padding:0}.logos ul li a{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}.logos ul li a:before,.logos ul li a:after{content:""!important;display:none!important}.logos svg{width:100%;height:auto;overflow:visible}svg path{transition:stroke var(--transition), fill var(--transition)}svg:hover path{stroke:#fff;filter:drop-shadow(0 0 5px #fff)}#content{box-sizing:border-box;text-transform:uppercase;width:70vw;height:100vh;margin:0;overflow-y:auto}#content h2,#content a{text-align:left;color:var(--neon-orange);text-shadow:0 0 15px var(--neon-orange);margin:20px 0;padding:0;text-decoration:underline}#content h2{font-size:26px}#content a{transition:color var(--transition), text-shadow var(--transition);font-size:16px}#content a:hover{color:#fff;text-shadow:0 0 15px #fff}#content #logoTitleBar,#content .logos{display:none!important}#content strong{color:var(--neon-orange);text-shadow:0 0 3px var(--neon-orange);margin:0;padding:0;font-weight:700}#content>p{text-align:justify;margin:30px 0 50px;padding:0;font-size:17px;line-height:32px;display:block;overflow:hidden}#projectHeaderContainer{flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}#projectsContainer{width:100%;margin:20px 0 30px;padding:0}#projectsContainer ul{grid-template-columns:1fr 1fr;gap:20px;display:grid}.projectCard{box-sizing:border-box;min-height:400px;transition:box-shadow var(--transition), border-color var(--transition);cursor:pointer;border:1px solid #000;border-radius:0;flex-direction:column;align-items:center;padding:10px;display:flex}.projectCard img{border:none;border-radius:0;width:100%;height:auto}.projectCard h3{text-align:left;width:100%;margin:20px 0 0;padding:0;font-size:24px}.projectCard p{text-align:justify;width:100%;margin:auto 0;padding:0;font-size:20px}.projectCard:hover{border:1px solid var(--neon-orange);box-shadow:0 0 5px var(--neon-orange)}.projectCard:hover h3,.projectCard:hover p{text-shadow:0 0 3px #fff}#reviewBelt{scrollbar-width:none;border:2px solid var(--neon-orange);box-shadow:var(--neon-orange-glow);scroll-snap-type:x mandatory;border-radius:0;flex-direction:row;align-items:center;gap:20px;margin:0;padding:10px 0;display:flex;overflow-x:auto}#reviewBelt div{box-sizing:border-box;scroll-snap-align:center;border:1px solid #222;border-radius:0;flex:0 0 calc(33.333% - 20px);height:auto;margin:0;padding:5px}#reviewBelt img{border:none;border-radius:0;width:100%;height:auto;margin:0;padding:0}#reviewBelt h3{margin:5px;padding:0;font-size:15px}.deployedMenuHeader{display:none}.hamburger{color:var(--neon-orange);text-align:center;border:2px solid var(--neon-orange);cursor:pointer;transition:box-shadow var(--transition), color var(--transition), border-color var(--transition);background-color:#000;border-radius:0;padding:2px 10px;font-size:20px}.hamburger:hover{box-shadow:var(--neon-orange-glow)}.hamburger:active{color:#fff;border-color:#fff;box-shadow:0 0 5px #fff}@media (width<=970px) and (width>=670px){#root{flex-direction:column}.projectHeaderBlock{margin-top:10px;padding:0!important}.projectNavDivider{display:none}#navBar{flex-direction:row;width:100vw;height:60px;padding:0 20px;position:absolute}#navBar:after{width:100vw;height:2px;top:60px;left:0}#nameHeader{width:max-content}#logoNavSeparator{width:3px;height:80%;margin:0 10px}#navBar h2{display:none}#navButtons{flex-grow:1;width:100%;margin-top:0}#navButtons ul{flex-direction:row;gap:0;width:100%;height:100%}#navButtons ul li{display:contents}.navButton{flex-grow:1;width:100%;display:grid}.navButton.selected{margin:0}.navButton.selected:after,.navButton.selected:before{height:2px}#navBar .logos{display:none}#content{width:100vw;margin-top:10vh}#content .logos{width:max-content;display:inline}#content .logos ul{gap:25px;margin:0 0 20px}.projectCard{height:450px}.projectBackButton{margin-bottom:20px!important}}@media (width<=670px){#navBar{z-index:999;width:70vw;height:100vh;transition:left var(--transition);background-color:#000;flex-direction:column;display:flex;position:fixed;top:0;left:-70vw}#navBar:after,#logoNavSeparator,#navBar .logos,#navBar h2,#logoTitleBar{display:none}#sectionsTitleBar{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:10vh;padding:0 10px;display:flex}#sectionsTitleBar h1{margin:0;font-size:20px}#sectionsTitleBar button{margin:0}#navButtons{width:100%;margin-top:5vh}#content{width:100vw;height:90vh;margin-top:10vh;padding-top:20px}#aboutMeTitle{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}#AboutMe{width:fit-content}#content .logos{width:max-content;margin:0;display:inline!important}#content .logos ul{justify-content:space-evenly;align-items:center;gap:25px;margin:0}#content .logos ul li a{margin:0!important}.hamburger{margin-right:15px}#sectionsTitleBar{z-index:2000;box-sizing:border-box;border-bottom:2px solid var(--neon-orange);background-color:#000;width:100vw;height:10vh;padding:0 20px;display:flex;position:fixed;top:0;left:0}#sectionsTitleBar:after{content:"";background-color:var(--neon-orange);width:100vw;height:2px;box-shadow:var(--neon-orange-glow);position:absolute;top:10vh;left:0}#content #logoTitleBar{display:none}#content h2 .logos,#contentSocials,#content h2 #contentSocials{width:max-content;margin-left:20px;display:flex}#content h2 .logos ul,#contentSocials ul{flex-direction:row;gap:15px;display:flex}#content h2 .logos ul li,#contentSocials ul li{width:30px;height:30px;display:block}#root.deployed #navBar{left:0}#root.deployed #navBar:after{content:"";background-color:var(--neon-orange);width:2px;height:100vh;box-shadow:var(--neon-orange-glow);z-index:1000;display:block;position:absolute;top:0;left:auto;right:0}#root.deployed #content:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;pointer-events:auto;background-color:#0009;width:100vw;height:100vh;position:fixed;top:0;left:0}#root.deployed #content{pointer-events:none;overflow:hidden}#projectsContainer ul{grid-template-columns:1fr}.projectCard{height:auto}#navBar{flex-direction:column;justify-content:flex-start;align-items:stretch;height:100vh;padding:0;display:flex;top:0}.deployedMenuHeader{box-sizing:border-box;border-bottom:2px solid var(--neon-orange);background-color:#000;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:10vh;padding:0 20px;display:flex}#navBar #logoTitleBar,#navBar h2,#navBar #logoNavSeparator{display:none}#navBar.projectSidebar .projectHeaderBlock{margin-top:20px;padding:0 20px;display:flex}#navButtons,.projectNavLinks{box-sizing:border-box;width:100%;margin-top:20px;padding:0 20px}#navButtons ul,.projectNavLinks ul{margin:0;padding:0;list-style:none}#navBar .logos{margin-top:auto;padding:20px}}.projectSidebar{box-sizing:border-box;padding:20px}.projectHeaderBlock{flex-direction:column;align-items:flex-start;width:100%;padding:0 20px;display:flex}@media (width<=670px){.projectHeaderBlock{margin-top:12vh;display:flex}}.projectBackButton{color:var(--neon-orange);transition:color var(--transition);margin-bottom:10px;font-size:20px;text-decoration:none;display:block}.projectBackButton:hover{color:#fff;text-shadow:0 0 5px #fff}.projectNavTitle{text-shadow:0 0 5px #fff;word-break:break-word;text-align:left;margin:0;padding:0;font-size:28px}.projectNavDivider{background-color:#5e5e5e;border:none;width:100%;height:1px;margin:15px 0 0}.projectNavLinks{width:100%;margin-top:auto;margin-bottom:20px;padding:0}@media (width<=670px){.projectNavLinks{margin-bottom:2px}}.projectContentCanvas{flex-direction:column;gap:30px;padding:40px;display:flex}.projectContentCanvas h2{margin-bottom:10px;font-size:32px}.projectContentCanvas p{text-align:justify;color:#e0e0e0;font-size:17px;line-height:32px}@media (width<=670px){.projectContentCanvas{box-sizing:border-box;width:100%;height:90vh;margin-top:10vh;padding:20px}}.projectsIndexContainer{flex-direction:column;gap:10px;display:flex}.filterBar{gap:20px;margin-bottom:40px;display:flex}.filterBtn{color:var(--muted-gray);font-family:var(--ui-font);cursor:pointer;background:0 0;border:none;padding:5px 10px}.filterBtn.active{color:var(--neon-orange);border:1px solid var(--neon-orange)}.projectHeaderRow,.projectRow{grid-template-columns:2fr 1fr 1fr;align-items:center;display:grid}.projectRow{color:#fff;border:1px solid #333;padding:20px;text-decoration:none;transition:border .2s,background .2s}.projectRow:hover{border:1px solid var(--neon-orange);background:#ff66000d}.matrixHeader{color:var(--muted-gray);letter-spacing:2px;border-bottom:1px dashed #222;grid-template-columns:2fr 1fr 1fr;margin-bottom:5px;padding:10px 20px;font-size:11px;display:grid}.matrixHeader span{width:100%}.pNameHeader,.pName{text-align:left}.pTechHeader,.pTech{text-align:center}.pYearHeader,.pYear{text-align:right}.matrixGrid{flex-direction:column;gap:8px;display:flex}.pName{font-weight:700}.pTech{color:var(--muted-gray);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pYear{color:var(--neon-orange)}.markdownEngineCanvas{color:#e0e0e0;font-family:var(--ui-font)}.markdownEngineCanvas h1,.markdownEngineCanvas h2,.markdownEngineCanvas h3{color:#fff;border-bottom:1px solid #222;margin-top:30px;padding-bottom:5px}.markdownEngineCanvas h2:before,.markdownEngineCanvas h2:after{display:none}.markdownEngineCanvas p{margin-bottom:20px;line-height:28px}.markdownEngineCanvas code{color:var(--neon-orange);background-color:#111;border:1px solid #222;padding:3px 6px}.markdownEngineCanvas pre{background-color:#050505;border:1px solid #222;padding:15px;overflow-x:auto}.markdownEngineCanvas pre code{color:#fff;background:0 0;border:none;padding:0}.terminalErrorBlock{border:1px solid var(--neon-orange);font-family:var(--ui-font);background:#ff660005;padding:40px}.terminalErrorBlock h2{color:var(--neon-orange);margin-bottom:20px;font-size:24px}.errorFallbackLink{color:#fff;margin-top:20px;text-decoration:none;display:inline-block}.errorFallbackLink:hover{color:var(--neon-orange)}.projectSidebar{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100vh;display:flex}.projectGlobalBackWrapper{text-align:left;width:100%;display:inline-block}.projectSidebar .projectNavDivider{margin:15px 0 0}.projectSidebar:not(:has(.projectNavLinks)) .projectGlobalBackWrapper{box-sizing:border-box;width:100%;margin-top:auto;padding:0}.projectSidebar .projectGlobalBackWrapper .projectBackButton{text-align:left;margin:0;padding:0;display:inline-block}@media (width<=970px) and (width>=670px){.projectSidebar{box-sizing:border-box;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:10vh;display:flex}.projectGlobalBackWrapper{width:fit-content;height:20px;margin:0;position:absolute;top:calc(100vh - 40px);left:20px}.projectBackButton{border:1px solid var(--neon-orange);background-color:#000;margin:0}.projectNavLinks{margin:0;position:relative;top:20px}.projectNavLinks ul{flex-direction:row;justify-content:space-evenly;display:flex}.projectNavLinks ul li{width:100%}}@media (width<=670px){#navBar.projectSidebar .projectHeaderBlock{box-sizing:border-box}.projectSidebar .projectNavLinks ul li a.navButton{box-sizing:border-box;padding-left:20px;padding-right:20px}.projectSidebar .projectGlobalBackWrapper .projectBackButton{padding:20px}}