@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Staatliches&display=swap);*{box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}::selection{background-color:#299cc0}body{background-color:#051a1c}body::-webkit-scrollbar{background-color:#f0f0f0;width:12px}body::-webkit-scrollbar-thumb{background-color:#00000049;border:3px solid #f0f0f0;border-radius:6px}body::-webkit-scrollbar-thumb:hover{background-color:#0000008a}h1,h2{font-family:Staatliches;font-weight:500;text-transform:uppercase}h2{color:#fff;font-size:36px}h3,h4{font-weight:400}img{width:100%}figure{margin:0}iframe{border:none}div#hero{color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding-left:64px;padding-right:64px}div#hero h1{-webkit-text-stroke:1.5px #fff;color:transparent;font-family:Staatliches;font-size:120px;font-style:normal;font-weight:400;line-height:1em;margin-top:120px;position:relative;transition:.2s ease-in-out;width:-webkit-max-content;width:max-content}div#hero h1:before{background-color:rgba(0,0,0,.5);content:"";height:100%;left:-64px;position:absolute;top:.3em;width:120%;z-index:-1}div#hero .parallax{background-color:#125566;background-image:url(/static/media/header-bg.29f6c93a543ce83e6ff0.jpg);background-position:50%;background-size:cover;z-index:-100}div#hero .parallax,div#hero .parallax:after{height:100%;left:0;position:absolute;top:0;width:100%}div#hero .parallax:after{background-image:linear-gradient(180deg,transparent,rgba(5,26,28,.96) 93.23%,#051a1c);content:""}div#hero nav{width:-webkit-max-content;width:max-content}div#hero nav>*{background-color:initial;border:none;color:#fff;font-size:24px;font-weight:500;padding:12px 0 12px 4px;text-align-last:left;text-transform:uppercase}div#hero nav>* a{border-bottom:2px solid transparent;font-family:Staatliches;transition:.3s}div#hero nav>* a:hover{border-bottom:2px solid #ffffff8c;cursor:pointer;transition:.3s}div#hero .flex{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:32px;margin-top:42px}div#hero .flex span{color:#ffffffbe}div#hero .links img{margin-right:8px;width:48px}#skills{background-color:#051a1c;color:#fff;padding:60px 16px 180px;text-align:center}#skills h2{margin-bottom:48px}#skills h3{margin-bottom:4px;margin-top:32px}#skills ul li{color:#ffffffb6;font-size:.85em;list-style-type:none}#featuredwork{background-color:#125566;-webkit-clip-path:polygon(0 0,100% 85px,100% calc(100% - 100px),0 100%);clip-path:polygon(0 0,100% 85px,100% calc(100% - 100px),0 100%);margin-top:-120px;padding:120px 32px 140px;text-align:left}#featuredwork div.flex{align-items:center;display:flex;flex-direction:row;gap:32px;justify-content:center;margin-left:auto;margin-right:auto}#featuredwork div.flex>*{flex:1 1;max-width:480px}#featuredwork h2{margin-bottom:8px}#featuredwork h3{font-size:24px}#featuredwork h4{margin-bottom:8px;margin-top:16px}#featuredwork .description p{color:#ffffffb6;font-size:.85em}#projects{background-color:#051a1c;margin-top:-120px;padding:160px 80px 64px 64px;text-align:left}#projects>section{margin:0 auto;max-width:520px}#projects h2{margin-bottom:30px}#projectsList{position:relative}.vertical-line{-webkit-animation:lineExtension 1s ease-in-out;animation:lineExtension 1s ease-in-out;background-color:#fff;content:"";height:100%;left:5px;position:absolute;top:5px;width:2px}div.project{display:flex;flex-direction:row;gap:32px;margin-bottom:48px;opacity:0;-webkit-transform:translate3d(0,5rem,0);transform:translate3d(0,5rem,0);transition:opacity .8s cubic-bezier(.64,.04,.26,.87),-webkit-transform 1s cubic-bezier(.64,.04,.26,.87);transition:transform 1s cubic-bezier(.64,.04,.26,.87),opacity .8s cubic-bezier(.64,.04,.26,.87);transition:transform 1s cubic-bezier(.64,.04,.26,.87),opacity .8s cubic-bezier(.64,.04,.26,.87),-webkit-transform 1s cubic-bezier(.64,.04,.26,.87)}@-webkit-keyframes lineExtension{0%{height:0;opacity:0}50%{opacity:.3}70%{opacity:.6}to{height:100%;opacity:1}}@keyframes lineExtension{0%{height:0;opacity:0}50%{opacity:.3}70%{opacity:.6}to{height:100%;opacity:1}}div.project h3{align-items:baseline;display:flex;flex-direction:row;font-family:Poppins,sans-serif;font-size:22px;font-weight:400;gap:16px;margin-bottom:8px;margin-top:-12px}div.project h3>span{color:#ffffff8e;font-size:.6em}div.project h4{margin-top:22px}div.project p{color:#ffffffbe}.yellow_circle{position:relative}div.circle{background-color:#fff;border-radius:50%;height:12px;width:12px}div.project h4{font-family:Poppins,sans-serif;margin-bottom:8px}.description p{font-size:.8em}.project-links{margin-top:24px}.project-links img{margin-right:4px;width:40px}footer{background-color:#000;padding:64px 16px;text-align:center}footer img{max-width:200px}footer nav{padding:32px 0}footer nav ul{display:flex;flex-direction:row;gap:24px;justify-content:center}footer nav>* a{border-bottom:2px solid transparent;transition:.3s}footer nav>* a:hover{border-bottom:2px solid #ffffff8c;cursor:pointer;transition:.3s}footer .contact-info p{color:#ffffffb6;font-size:.8em}.fadein{opacity:0;-webkit-transform:translate3d(0,5rem,0);transform:translate3d(0,5rem,0);transition:opacity .8s cubic-bezier(.64,.04,.26,.87),-webkit-transform 1s cubic-bezier(.64,.04,.26,.87);transition:transform 1s cubic-bezier(.64,.04,.26,.87),opacity .8s cubic-bezier(.64,.04,.26,.87);transition:transform 1s cubic-bezier(.64,.04,.26,.87),opacity .8s cubic-bezier(.64,.04,.26,.87),-webkit-transform 1s cubic-bezier(.64,.04,.26,.87)}.fadein.faded{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.tech-stack{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.tech-tag{background-color:#ffffff8c;color:#000;font-size:12px;padding:4px 8px}div#about h3{font-size:16px;font-weight:700;margin-top:12px}div#about a,div#about p,div#about span,div#about strong{color:#000}div#about a:hover{color:#1976d2}div#about section:not(:last-of-type){margin-bottom:24px}div#contact{margin-left:auto;margin-right:auto;max-width:300px}div#contact .form-input{margin-top:16px}div#contact .form-input label.MuiFormLabel-colorPrimary .MuiFormLabel-asterisk{color:rgba(0,0,0,.6)}div#contact .form-input label.MuiFormLabel-colorPrimary.Mui-focused .MuiFormLabel-asterisk{color:#1976d2}div#contact .form-input label.MuiFormLabel-colorPrimary.Mui-error .MuiFormLabel-asterisk,div#contact .form-input label.MuiFormLabel-colorPrimary.Mui-error.Mui-focused .MuiFormLabel-asterisk{color:#d32f2f}div#contact .MuiButton-outlinedPrimary{border-color:#12556681!important;color:#125566!important}div#contact .align-right{display:flex;justify-content:right}@media (max-width:720px){div#hero h1{font-size:16vw;text-align:left;width:110%}div#hero h1:before{left:-64px;width:calc(100% + 64px)}div#hero .flex{flex-direction:column;gap:16px}div#hero .flex span{font-size:.8em}#featuredwork{padding-left:64px;padding-right:64px}#featuredwork div.flex{flex-direction:column}}@media (max-width:520px){div#hero h1:before{width:120%}#featuredwork,#projects{padding-left:32px;padding-right:32px}div.project{gap:20px}div.project h3{gap:0}div.project h3,footer nav ul{flex-direction:column}}@media (max-height:720px){div#hero h1{margin-top:10vh}div#hero nav{margin-top:5vh}div#hero nav>*{padding:0}div#hero .flex{margin-top:5vh}}@media (max-height:520px){div#hero nav{bottom:7vh;left:64px;position:absolute}div#hero .flex{bottom:5vh;justify-content:end;margin:0;position:absolute;right:40px}div#hero .flex span{display:none}}figure.preview{margin-bottom:16px;position:relative}figure.preview img{box-shadow:2px 0 8px 0 rgba(0,0,0,.6);max-width:480px;vertical-align:text-bottom;width:100%}figure.preview div.overlay{background:#000;height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s ease-in-out;width:100%;z-index:1}figure.preview div.overlay p{background-color:initial;color:#125566;font-size:2em;left:50%;margin:0;max-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-max-content;width:max-content}figure.preview div.overlay:hover{cursor:pointer;opacity:.7;transition:.3s ease-in-out}.faded figure.preview div.tooltip{-webkit-animation:slideIn .3s ease-in-out 1.5s forwards;animation:slideIn .3s ease-in-out 1.5s forwards;background-color:#125566;color:#fff;height:-webkit-max-content;height:max-content;left:calc(100% - 32px);max-height:100%;max-width:100%;padding:10px 6px;position:absolute;top:0;width:-webkit-max-content;width:max-content;word-spacing:2px;z-index:-1}.faded figure.preview div.tooltip p{-webkit-animation:fadeIn 3s;animation:fadeIn 3s;font-size:.75em;margin:0;text-orientation:mixed;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#featuredwork .faded figure.preview div.tooltip{-webkit-animation:slideDown .5s ease-in-out 1s forwards;animation:slideDown .5s ease-in-out 1s forwards;left:0;top:calc(100% - 32px);z-index:-1}#featuredwork .faded figure.preview div.tooltip p{text-orientation:upright;-webkit-writing-mode:inherit;writing-mode:inherit}@-webkit-keyframes slideIn{0%{left:calc(100% - 32px)}to{left:100%}}@keyframes slideIn{0%{left:calc(100% - 32px)}to{left:100%}}@-webkit-keyframes slideDown{0%{top:calc(100% - 32px)}to{top:100%}}@keyframes slideDown{0%{top:calc(100% - 32px)}to{top:100%}}@-webkit-keyframes slideUp{0%{bottom:calc(100% - 32px)}to{bottom:100%}}@keyframes slideUp{0%{bottom:calc(100% - 32px)}to{bottom:100%}}@media (max-width:720px){#featuredwork .faded figure.preview img{max-width:100%}#featuredwork .faded figure.preview div.tooltip{-webkit-animation:slideUp .5s ease-in-out 1s forwards;animation:slideUp .5s ease-in-out 1s forwards;bottom:calc(100% - 32px);top:auto}}@media (max-width:520px){figure.preview div.overlay p{font-size:5vw}.faded figure.preview div.tooltip{bottom:0;left:auto;opacity:1;padding:6px 10px;right:0;top:auto;z-index:1}.faded figure.preview div.tooltip,.faded figure.preview div.tooltip p{-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-animation:initial;animation:initial}.faded figure.preview div.tooltip p{font-size:.75em;margin:0;text-orientation:upright;-webkit-writing-mode:inherit;writing-mode:inherit}}#videoModal{-webkit-animation:fadeOut .5s forwards;animation:fadeOut .5s forwards;background-color:rgba(0,0,0,.5);height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:100}#videoModal.show{-webkit-animation:fadeIn .5s .5s forwards;animation:fadeIn .5s .5s forwards}#videoModal .modal{border-radius:12px;left:50%;max-height:calc(100vh - 32px);max-width:calc(100vw - 44px);position:absolute;top:50%;-webkit-transform:translate3d(calc(-50% - 6px),-50%,0);transform:translate3d(calc(-50% - 6px),-50%,0);width:540px}#videoModal .modal header{align-items:center;background-color:#f0f0f0;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;flex-direction:row;font-size:14px;justify-content:space-between;padding:6px 12px 4px}#videoModal .modal header p{color:#000;height:-webkit-max-content;height:max-content}#videoModal #closeBtn{border:none;border-radius:50%;height:24px;transition:.3s;width:24px}#videoModal #closeBtn path{color:#000}#videoModal #closeBtn:hover{background-color:rgba(0,0,0,.1);cursor:pointer;transition:.3s}#videoModal .video-container{padding-top:56.25%;position:relative;width:100%}#videoModal .video-container iframe{border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}#sectionModal{-webkit-animation:fadeOut .5s forwards;animation:fadeOut .5s forwards;background-color:rgba(0,0,0,.5);height:100vh;left:0;padding:16px;position:fixed;top:0;width:100vw}#sectionModal.show{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#sectionModal .modal{border-radius:12px;display:flex;flex-direction:row;height:60vh;left:50%;max-height:calc(100vh - 64px);max-width:calc(100% - 64px);position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);transition:.3s ease-in-out;width:720px}#sectionModal .modal .banner{background-color:#125566;border-bottom-left-radius:12px;border-top-left-radius:12px;color:#fff;position:relative;width:280px}#sectionModal .modal .banner p{font-size:24px;left:50%;position:absolute;top:30%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:-webkit-max-content;width:max-content}#sectionModal .modal .banner.about{background-image:url(/static/media/about-banner-bg.fe365c2a1734234d0195.png)}#sectionModal .modal .banner.contact{background-image:url(/static/media/contact-banner-bg.eb1a37361d1b71ce56bb.png)}#sectionModal .modal .banner{background-position:bottom;background-repeat:no-repeat;background-size:contain}#sectionModal .modal .content{background-color:#fff;border-bottom-right-radius:12px;border-top-right-radius:12px;color:#000;flex:1 1;height:100%;overflow-y:scroll;padding:64px 32px}#sectionModal .modal .content h2,#sectionModal .modal .content h3,#sectionModal .modal .content h4{color:#125566}#sectionModal .modal .content::-webkit-scrollbar{display:none}#sectionModal #closeBtn{fill:hsla(0,0%,42%,.5);border:2px solid hsla(0,0%,42%,.5);border-radius:50%;height:36px;padding:3px;position:absolute;right:12px;top:12px;transition:.3s;width:36px}#sectionModal #closeBtn:hover{fill:#125566;border:2px solid #125566;cursor:pointer;transition:.3s}@media (max-width:720px){#sectionModal .modal .banner{flex:2 1}#sectionModal .modal .content{flex:3 1}}@media (max-width:520px){#sectionModal .modal{flex-direction:column}#sectionModal .modal .banner{border-bottom-left-radius:0;border-top-right-radius:12px;width:100%}#sectionModal .modal .content{border-bottom-left-radius:12px;border-top-right-radius:0}#sectionModal #closeBtn{fill:#ffffff83;border:2px solid #ffffff83;height:40px;width:40px}#sectionModal #closeBtn:hover{fill:#fff;border:2px solid #fff}}@media (max-height:720px){#sectionModal .modal{height:calc(100vh - 64px)}}
/*# sourceMappingURL=main.8278c2e1.css.map*/