body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:Genos,Arial,sans-serif}[data-scroll-container]{will-change:transform}body,html{background-color:#121212;margin:0;overflow-x:hidden;scroll-behavior:smooth}a{text-decoration:none}@font-face{font-display:swap;font-family:Genos;font-style:normal;font-weight:400;src:url(/static/media/Genos-VariableFont_wght.fd4317efed57e0bdb84d.ttf) format("truetype")}@font-face{font-display:swap;font-family:GenosBlack;font-style:normal;font-weight:400;src:url(/static/media/Genos-Black.ed2e6d48da3c176aad57.ttf) format("truetype")}@font-face{font-display:swap;font-family:NicoMoji;font-style:normal;font-weight:400;src:url(/static/media/NicoMoji-Regular.3004d447f30aae5c592d.ttf) format("truetype")}@font-face{font-display:swap;font-family:Monsieur;font-style:normal;font-weight:400;src:url(/static/media/MonsieurLaDoulaise-Regular.45de1330219bda1946f4.ttf) format("truetype")}a,h1,h2,p{color:#f1f1f1}.navbar{align-items:center;color:#f1f1f1;margin:2% 15%}.nav-logo,.navbar{display:flex;justify-content:center}.nav-logo{width:70px}.nav-links{display:flex;flex:2 1;justify-content:center;list-style:none}@media screen and (max-width:930px){.project-desc{display:none}}.nav-links li{margin:0 1rem}.nav-links a{transition:all .2s ease-in-out}.nav-links a:hover{color:#cc0003}.nav-links a{color:#ff060a;font-size:1.5rem;font-weight:600;text-decoration:none}.landing-name h1{color:#ff060a;filter:blur(.5px);font-family:GenosBlack;font-size:17vw;font-weight:100;margin-top:6vw;text-align:center;transform:scaleY(1.2);z-index:10}.landing-name h2{filter:blur(.2px);font-size:11vw;font-weight:100;margin-right:2rem;margin-top:-30vw;opacity:.5;text-align:center;text-shadow:0 0 1px #ff0404b4,0 0 11px #ff0404b4,0 0 1px #420000,0 0 1px #bbb,0 0 4px #040404,0 0 1px #420000,0 0 1px #420000;transform:scaleY(2);z-index:-10}.landing-name h2,.loading-screen h3{color:#121212;font-family:Monsieur,Arial,sans-serif}.loading-screen h3{position:absolute}@media screen and (max-width:425px){.landing-name h2{opacity:.7}.landing-name h1{position:relative;z-index:1}}.landing-name{text-align:center}.landing-bio{font-size:1.2rem;font-weight:600;margin:0 15% 0 auto;max-width:400px;min-height:70px;padding:20px;position:relative;text-align:right;width:60%}.Typewriter__wrapper,.landing-bio p,.typewriter{color:#ff060a}.corner-shape{background-color:#828282;-webkit-clip-path:polygon(0 0,100% 0,100% 20%,20% 20%,20% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 20%,20% 20%,20% 100%,0 100%);height:15px;position:absolute;width:15px}.corners{display:flex;height:100%;pointer-events:none;position:absolute;width:100%}.corners,.top-left{left:0;top:0}.top-right{right:0;top:0;transform:rotate(90deg)}.bottom-left{bottom:0;left:0;transform:rotate(270deg)}.bottom-right{bottom:0;right:0;transform:rotate(180deg)}#landing{margin:0}section{margin:3% 15%}.projects-heading{color:#ff060a;font-family:GenosBlack,Arial,sans-serif;font-size:10vw;font-weight:bolder;letter-spacing:-5px;margin-top:2%;padding-left:20px}.marquee,.projects{display:flex}.projects{flex-direction:column;margin-bottom:15%}.projects tr{border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;cursor:pointer}.projects table{border-collapse:collapse;color:#f1f1f1;font-size:2rem;font-weight:700;width:100%}.projects td{padding:10px 0;position:relative}.projects tr td:first-child{padding-right:1.2rem}.projects td:after,.projects td:before{background-color:#f1f1f1;content:"";height:2px;left:0;position:absolute;right:0;transition:transform .3s ease}.projects td:before{top:0;transform:scaleX(0)}.projects td:after{bottom:0;transform:scaleX(0)}.projects tr:hover td:after,.projects tr:hover td:before{transform:scaleX(1)}.projects tr:not(:hover){opacity:.5}.projects tr:hover{position:relative;transition:opacity .3s ease;z-index:9999}.hover-image{left:50%;max-height:600px;position:fixed;top:50%;transform:translate(-100%,-60%);z-index:999}.hover-image,.hover-image-middle,.hover-image-right{transition:transform .3s ease,opacity .3s ease;will-change:transform,opacity}.hover-image-middle{left:45%;position:fixed;top:50%;transform:translate(-30%,-50%);z-index:999}.hover-image-right{left:45%;position:fixed;top:50%;transform:translate(50%,-50%);z-index:998}.hover-image-right img{height:auto;max-width:50%}.hover-image-middle img,.hover-image-middle video{height:auto;max-height:900px;max-width:70%}.hover-image img{height:auto;max-width:50%}.hover-image,.hover-image-middle,.hover-image-right{pointer-events:none}.about-section h3{color:#ff060a;font-size:1.5rem;font-weight:600;margin:0 .5rem .5rem 0}.about-section table{color:#f1f1f1;margin-bottom:2rem}.socials-section{margin-bottom:2rem}.about-section table tr td:first-child{padding-right:2rem}.about-section table tr td:nth-child(2),.about-section table tr td:nth-child(3){padding-right:1.5rem}.about-heading{display:flex}.about-heading img{rotate:270deg;scale:.8}.about-section{display:flex;flex-direction:column;gap:10%;padding-bottom:5%}.about-section a,.about-section p{margin:0}@media screen and (max-width:825px){.about-section table tr td:nth-child(2){display:none}}@media screen and (max-width:610px){.about-section table tr td:nth-child(){display:none}}.socials img{scale:.6}.about-left{min-width:360px}.about-right{font-size:1.2rem;max-width:600px}.socials img{transform:rotate(0deg);transition:transform .6s}.socials:hover img{transform:rotate(45deg);transition:transform .4s}.socials{align-items:center;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:425px){.navbar{margin:2% 5%}section{margin:3% 5%}}@media screen and (max-width:620px){.landing-bio{font-size:14px;padding-right:5%;width:90%}.corners{display:none}.nav-links a{font-size:14px}.navbar{padding-top:20px}.nav-logo{display:none}.projects table{font-size:16px}.nav-links{padding-left:0}}.loading-screen{align-items:center;background-color:#121212;display:flex;flex-direction:column;height:100vh;justify-content:center}.progress-bar{background-color:#ddd;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden;width:90%}.progress{background-color:#ff060a;height:100%;transition:width .3s ease-in-out;width:0}#leftimg-1,#rightimg-1{max-height:800px;scale:3}.motion-video{width:100%}#back-btn{color:#cc0003;cursor:pointer;font-size:18px;padding:10px 10px 10px 0}.project-imgs img{width:100%}#traffic-img{width:40%}.ewg-redesign-section p{font-size:18px;max-width:600px}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}
/*# sourceMappingURL=main.57795141.css.map*/