@font-face{font-family:Nohemi;src:url(/assets/Nohemi-Light-CdaKa9ik.woff2) format("woff2"),url(/assets/Nohemi-Light-C-jpHlji.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Nohemi;src:url(/assets/Nohemi-Regular-C2RZwNF0.woff2) format("woff2"),url(/assets/Nohemi-Regular-CTqtjG8i.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Monument Extended;src:url(/assets/MonumentExtended-Ultrabold-Bg-8OW1T.woff2) format("woff2"),url(/assets/MonumentExtended-Ultrabold-OROQypzE.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}body{color:#fff;font-family:Nohemi;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available}#smooth-wrapper{overflow:hidden;width:100%;height:100%}#smooth-content{overflow:visible;will-change:transform}.header,.loader,.logoOverlay .webgl{position:fixed!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}h1{text-align:center;color:#0000e1}.app{position:relative}.loader{z-index:9999999;width:100dvw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden;display:flex}.loader .loaderPixel{position:relative;width:50%;z-index:9999;background-color:#fff}@media(max-width:768px){.loader .loaderPixel{width:100%}}.loader .loaderInner{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999999;display:flex;align-items:center;justify-content:center}.loader .loaderInner .percent{font-size:30px;color:#000}.loader .loaderInner .bar{position:relative;z-index:-1}.loader .loaderInner .bar .barFill{position:absolute;top:0;left:0;background-color:#0000e1;z-index:1;height:100%}.sectionHeading{display:flex;align-items:center;justify-content:center;gap:25px}.sectionHeading h1{white-space:nowrap;text-align:left;font-size:5dvw;font-family:Monument Extended;font-weight:400;text-transform:uppercase}@media(max-width:1000px){.sectionHeading h1{font-size:10dvw}}.section{margin:15% 0;height:70dvh!important}.logoOverlay{position:relative;width:100%;height:100%}.logoOverlay .webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-9;will-change:opacity}.logoOverlay div{width:100%}.logoOverlay div div{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11dvw;text-align:center;font-family:Monument Extended!important}.logoOverlay div .fill{z-index:-100;color:#fff}.logoOverlay div .stroke{-webkit-text-stroke:2px white;-webkit-text-fill-color:transparent;color:transparent;z-index:-8}@media(max-width:768px){.logoOverlay div .stroke{-webkit-text-stroke:1px white}}.header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100dvw;z-index:999;background-color:#000;padding:.25% 5px}@media(max-width:768px){.header{padding:5px}}.header .clockWrapper{margin-top:2px;display:flex;flex-direction:column;height:20px;justify-content:flex-start;overflow:hidden;z-index:999;cursor:pointer}@media(max-width:768px){.header .clockWrapper{margin-bottom:-4px}}@media(max-width:768px){.header .clockWrapper #top{margin-bottom:3px}}.header .clockWrapper #bottom{margin-top:0}@media(max-width:768px){.header .clockWrapper #bottom{margin-top:-2px}}.header .clockWrapper .clock{font-size:22px}@media(max-width:768px){.header .clockWrapper .clock{font-size:18px}}.header .clockWrapper .availability{display:flex;align-items:center;gap:5px;font-size:22px}@media(max-width:768px){.header .clockWrapper .availability{font-size:18px}}.header .clockWrapper .availability .availabilityIcon{width:8px;height:8px;border-radius:50%;background-color:#0f0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header .startAProject{margin-bottom:-2px;display:flex;align-items:center;font-size:22px;color:#fff;text-decoration:none!important;z-index:999}@media(max-width:768px){.header .startAProject{font-size:18px;margin-top:4px}}.header .linkWrapper{display:flex;flex-direction:column;height:20px;align-items:center;justify-content:flex-start;overflow:hidden}.homeMain{position:relative}.scrollTriggerSection{background-color:#0000e1;min-height:100dvh!important;min-height:-webkit-fill-available}@media(max-width:768px){.scrollTriggerSection{height:100dvh!important;min-height:100dvh!important;position:relative}}.aboutMe{min-height:100dvh;display:flex;align-items:center;justify-content:center;margin:0 20px}.aboutMe p{text-align:center;max-width:95%;color:#ececec;line-height:60px;font-size:50px!important;display:block}@media(max-width:1200px){.aboutMe p{max-width:none;line-height:22px;font-size:18px!important}}.aboutMe p>div{display:inline-block!important;position:relative;font-size:inherit!important;line-height:inherit!important;color:inherit!important;white-space:pre;will-change:color}.projects{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:25px 5px 0}.projects .project{border-bottom:1px dashed rgb(0,0,225);padding:5px 0 0;width:100%;transition:.2s ease-in-out;position:relative;overflow:hidden}.projects .project .backgroundHover{position:absolute;top:100%;width:100%;height:100%;background-color:#0000e1;z-index:-99}.projects .project a{text-decoration:none!important}.projects .project:first-child{border-top:1px dashed rgb(0,0,225)}.projects .project .projectCopy{display:flex;align-items:center;justify-content:space-between;padding:5px 0}@media(max-width:768px){.projects .project .projectCopy{padding:10px 0}}.projects .project .projectCopy p{color:#0000e1;font-size:30px;z-index:99}@media(max-width:768px){.projects .project .projectCopy p{font-size:18px}}.projects .project .imageContainer{position:fixed;top:0;left:0;width:500px;height:300px;pointer-events:none;z-index:9999;opacity:0;overflow:hidden;border-radius:4px}.projects .project .imageContainer img{width:100%;height:100%;object-fit:contain}.skills{margin-bottom:0!important;display:flex;flex-direction:column;align-items:center;width:100%;padding:40px 0 0;position:relative}.skills .skills-canvas-container{width:100%;height:400px;min-height:400px;position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.skills .skills-canvas-container canvas{overflow:hidden;display:block;width:100%!important;height:100%!important;touch-action:none}@media(max-width:768px){.skills{padding:20px 10px}.skills .skills-canvas-container{height:300px;min-height:30px}}@media(max-width:480px){.skills{padding:20px 5px}.skills .skills-canvas-container{height:400px;min-height:300px}}.footer{border-top:1px solid rgb(0,0,225);width:100dvw;height:50px;background-color:transparent;display:flex;align-items:center;justify-content:space-between;padding:5px 20px}@media(max-width:768px){.footer{height:auto;padding:10px 20px}}.footer a{color:#0000e1;font-family:Nohemi;font-size:18px;text-decoration:none;font-weight:100;width:fit-content;white-space:nowrap;text-transform:uppercase}.footer #bottom{margin-top:2px}.footer .footer-content{display:flex;align-items:center;justify-content:flex-start;gap:20px;width:100%;height:100%}@media(max-width:768px){.footer .footer-content{justify-content:space-between}}.footer .backToTopWrapper{width:150px;align-items:flex-end}@media(max-width:768px){.footer .backToTopWrapper{align-items:center;width:auto}}.footer .linkWrapper{display:flex;flex-direction:column;height:15px;align-items:center;justify-content:flex-start;overflow:hidden;cursor:pointer}@media(max-width:800px){.footer .linkWrapper{height:auto}}
