html{scroll-behavior:smooth}body{margin:0;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}.crt:after{background:rgba(18,16,16,.1);opacity:0;animation:flicker .15s infinite}.crt:after,.crt:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;pointer-events:none}.crt:before{background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 0),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 2px,3px 100%}.close-button-container{display:flex;flex-direction:row-reverse}.nav-button-container{display:flex;flex-direction:column;justify-content:space-evenly;height:80vh;margin-bottom:20px}.open-burger-home{background-color:#000;width:100vw;height:100vh;position:fixed;display:flex;flex-direction:column;z-index:5}.open-burger-home a{text-decoration:none;color:#00ff03;font-size:30px}.open-burger-home .fa-close{margin:10px;font-size:25px;color:#00ff03}.open-burger-about{background-color:#000;width:100vw;height:100vh;position:fixed;display:flex;flex-direction:column;z-index:5}.open-burger-about a{text-decoration:none;color:#ff0002;font-size:30px}.open-burger-about .fa-close{margin:10px;font-size:25px;color:#ff0002}.open-burger-projects{background-color:#000;width:100vw;height:100vh;position:fixed;display:flex;flex-direction:column;z-index:5}.open-burger-projects a{text-decoration:none;color:#fdff00;font-size:30px}.open-burger-projects .fa-close{margin:10px;font-size:25px;color:#fdff00}.open-burger-contact{background-color:#000;width:100vw;height:100vh;position:fixed;display:flex;flex-direction:column;z-index:5}.open-burger-contact a{text-decoration:none;color:#01fffe;font-size:30px}.open-burger-contact .fa-close{margin:10px;font-size:25px;color:#01fffe}.header-home-mobile{width:100vw;display:flex;flex-direction:row-reverse;position:fixed;background-color:rgba(0,0,0,.8)}.header-home-mobile i{color:#00ff03;margin:10px;font-size:20px}.header-about-mobile{width:100vw;display:flex;flex-direction:row-reverse;position:fixed;background-color:rgba(0,0,0,.8)}.header-about-mobile i{color:#ff0002;margin:10px;font-size:20px}.header-project-mobile{width:100vw;display:flex;flex-direction:row-reverse;position:fixed;background-color:rgba(0,0,0,.8)}.header-project-mobile i{color:#fdff00;margin:10px;font-size:20px}.header-contact-mobile{width:100vw;display:flex;flex-direction:row-reverse;position:fixed;background-color:rgba(0,0,0,.8)}.header-contact-mobile i{color:#01fffe;margin:10px;font-size:20px}.burger-container{max-height:0}.nav-transition-enter{opacity:.01}.nav-transition-enter.nav-transition-enter-active{opacity:1;transition:opacity .3s ease}.nav-transition-exit{opacity:1}.nav-transition-exit.nav-transition-exit-active{opacity:.01;transition:opacity .3s ease}.header-home{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;background-color:rgba(0,0,0,.8);position:fixed}.header-home a{text-decoration:none;font-size:20px;width:85px;margin:20px;border:0 solid #000;color:#00ff03;transition:border-bottom .3s,width .3s}.header-home a:hover{cursor:pointer}.header-home .selected,.header-home a:hover{border-bottom:1px solid #00ff03}.header-about{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;background-color:rgba(0,0,0,.8);position:fixed}.header-about a{text-decoration:none;font-size:20px;width:85px;margin:20px;border:0 solid #000;color:#ff0002;transition:border-bottom .3s,width .3s}.header-about a:hover{cursor:pointer}.header-about .selected,.header-about a:hover{border-bottom:1px solid #ff0002}.header-projects{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;background-color:rgba(0,0,0,.8);position:fixed}.header-projects a{text-decoration:none;font-size:20px;width:85px;margin:20px;border:0 solid #000;color:#fdff00;transition:border-bottom .3s,width .3s}.header-projects a:hover{cursor:pointer}.header-projects .selected,.header-projects a:hover{border-bottom:1px solid #fdff00}.header-contact{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;background-color:rgba(0,0,0,.8);position:fixed}.header-contact a{text-decoration:none;font-size:20px;width:85px;margin:20px;border:0 solid #000;color:#01fffe;transition:border-bottom .3s,width .3s}.header-contact a:hover{cursor:pointer}.header-contact .selected,.header-contact a:hover{border-bottom:1px solid #01fffe}.homepage{display:flex;flex-direction:column;justify-content:center;color:#00ff03;min-height:100vh}@media (max-width:520px){.homepage{min-height:90vh;width:100vw}}.about{color:#ff0002;display:flex;flex-direction:column;justify-content:center;min-height:105vh}.about-headline{max-width:575px;margin:auto}.about a{color:#ff0002;font-size:20px;max-width:300px;margin:0 auto}.about a:hover{color:#fff}@media (max-width:520px){.about{min-height:95vh;width:100vw}.about-headline{margin:10px}}.accordion-header{flex-direction:row;justify-content:space-between}.accordion-content,.accordion-header{display:flex;margin:auto;max-width:500px;border-bottom:1px solid #fdff00}.accordion-content{flex-direction:column;justify-content:flex-start;position:relative;max-height:0;overflow:hidden;transition:max-height .5s ease}.accordion-drawer{scroll-margin-top:25px}.accordion-list{align-content:left;padding-right:15px}.accordion-content.open{max-height:2000px}.accordion-content li{text-align:left;list-style-type:none;padding-bottom:10px}.project-cta{text-decoration:underline;margin:5px auto;height:30px;max-width:400px;min-width:200px;color:#fdff00;border-radius:3px;transition:color .3s}.project-cta:hover{cursor:pointer;color:#fff}.fa-plus{transition:transform .3s,color .3s;margin-top:25px}.fa-plus:hover{cursor:pointer}#open{transform:rotate(-45deg)}.gallery{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.gallery-main{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px}.gallery-main img{max-width:700px;width:100%;cursor:zoom-in;border-radius:8px}.gallery-thumbnails{display:flex;justify-content:center;grid-gap:10px;gap:10px;flex-wrap:wrap}.gallery-thumbnails img{width:90px;height:90px;object-fit:cover;cursor:pointer;opacity:.6;border-radius:4px;border:2px solid transparent}.gallery-thumbnails img.active{opacity:1;border-color:#2196f3}.gallery-modal{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;justify-content:center;align-items:center;z-index:9999}.gallery-modal img{max-width:95vw;max-height:95vh}.gallery-bullets{margin-top:10px;padding-left:20px}.gallery-arrow{font-size:24px;cursor:pointer}.projects{color:#fdff00;display:flex;flex-direction:column;justify-content:center;min-height:100vh}@media (max-width:520px){.projects{min-height:90vh;width:100vw}.projects-content{margin:0 25px}}.contact{color:#01fffe;display:flex;flex-direction:column;justify-content:center;height:90vh}@media (max-width:520px){.contact{height:70vh;width:100vw}}.footer{background-color:#000;margin-bottom:20px;color:#01fffe}.footer a{text-decoration:none;font-size:35px;margin:20px;border:0 solid #000;color:#01fffe;transition:color .3s}.footer a:hover{cursor:pointer;color:#fff}@media (max-width:520px){.footer{margin-bottom:50px;margin-top:50px;width:100vw}}@font-face{font-family:MONO;src:url(/static/media/mononokekeh.8690fc67.ttf)}@font-face{font-family:xevious;src:url(/static/media/xevious.84b12948.ttf)}.App{display:flex;flex-direction:column;flex-wrap:wrap;text-align:center}.App,h1{font-weight:400}h1{font-size:calc(37.69231px + .76923vw);font-family:xevious}.character-container{font-family:MONO;font-size:100px;font-weight:400;margin:50px}@media (max-width:420px){h1{margin:10px 0}h3,p{font-size:18px}.character-container{font-family:MONO;font-size:70px;font-weight:400;margin:10px 0}}
/*# sourceMappingURL=main.5572ac68.chunk.css.map */