*,:after,:before{box-sizing:border-box}html{font-family:DM Sans,sans-serif;font-size:62.5%;scroll-behavior:smooth;scrollbar-gutter:stable}.header-app{background-color:#030712}body{color:#444;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.slide-in-left-enter{transform:translateX(-100%)}.slide-in-left-enter-active{transition:all .2s}.slide-in-left-enter-active,.slide-in-left-exit{opacity:1;transform:translateX(0)}.slide-in-left-exit-active{opacity:0;transform:translateX(-100%);transition:all .2s}.navigation-name{color:#fff;display:block;font-size:4.2rem;z-index:1}.navigation-name:first-child:hover{color:#fff9db;cursor:pointer}.nav-bar{display:flex;z-index:2}nav{margin-left:auto}.main-navigation__menu-btn{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:3rem;justify-content:space-around;left:5%;margin-right:2rem;position:fixed;top:5%;width:3rem;z-index:10}.main-navigation__menu-btn span{background:#fff;display:block;height:2.5px;width:4rem;z-index:1}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:0;margin:2.2rem auto}@media (max-width:768px){.navigation-name{opacity:0;z-index:-1}}@media (min-width:768px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:block}}.main-header{margin-bottom:4.4rem;padding:0 4.4rem}nav{z-index:3}.nav-links{align-items:center;display:flex;gap:4.4rem;height:100%;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.navigation-logo{display:none}.nav-links li a:link,.nav-links li a:visited{color:#fff;font-size:2.4rem;text-decoration:none}.nav-links li a:hover{background-color:#fff9db;color:#000;padding:.8rem}@media (max-width:768px){.navigation-logo{color:#fff9db;display:block;font-size:4.8rem}.nav-links{align-items:center;display:flex;flex-direction:column;justify-content:center}}.backdrop{background-color:#000000b3;width:100vw;z-index:2}.backdrop,.side-drawer{height:100vh;left:0;position:fixed;top:0}.side-drawer{background-color:#212529;box-shadow:0 2px 8px #00000042;display:flex;width:78%;z-index:100}#section-about{background-color:#030712}#typewriter{color:#fff;font-size:3.6rem;font-weight:500;text-align:left}.dashboard-container{align-items:flex-start;display:flex;gap:4.2rem;justify-content:flex-start;width:100%}.about{display:flex;flex-direction:column;gap:6rem;margin:0 auto;padding:8.8rem 8.8rem 2.8rem;width:80%}.about-container{color:#fff;display:flex;gap:4.2rem;padding:2rem}.about-skills{height:100%}.img-container{display:flex}.img-container img{border-radius:8px;box-shadow:0 6px 12px #0006;height:400px;margin-left:-13rem;position:relative;transition:transform .5s ease,rotate .5s ease,box-shadow .5s ease;width:325px}.img-container img:first-child{rotate:-8deg;z-index:3}.img-container img:nth-child(2){rotate:-6deg;z-index:1}.img-container>div:nth-child(3) img{rotate:-4deg;z-index:3}.img-container img:hover{box-shadow:0 8px 16px #fafafa80;rotate:0deg;transform:translateY(-50px);z-index:10}.about-heading{display:block;font-size:3.8rem;font-weight:500;letter-spacing:1.8px;position:relative;text-align:center}.about-heading:after{background-color:#a5d8ff;content:"";display:flex;height:.5%;margin:1.8rem 0;padding:.3rem;width:5%}.about-me{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;opacity:0;width:100%}.about-me-animate{animation-duration:1.4s;animation-name:moveInLeft;opacity:1}.about-skills{opacity:0}.about-me img{border-radius:14px;box-shadow:4px 9px 12px #0003;height:80%;padding:.6rem;width:100%}#about-me-heading{color:#fff;display:block;font-size:3.8rem;font-weight:600}.about-me-content{height:100%;opacity:0}.about-me-content-animate{animation-duration:1.4s;animation-name:moveInRight;opacity:1}.about-me-description{color:#9ca1b1;font-size:1.7rem;font-weight:400;letter-spacing:.5px;line-height:1.6;width:100%}div .about-btn{border-bottom-color:#000}.about-btn a{color:#000}.about-highlights{font-size:1.5rem;padding:0 2rem}@media (max-width:1800px){.about{width:90%}.img-container img{width:300px}}@media (max-width:1566px){.about-container{align-items:center;flex-direction:column;gap:5rem}}@media (max-width:1100px){.about{gap:4rem;padding:5rem 2.4rem 2.8rem;width:100%!important}#typewriter,.about-heading{font-size:clamp(2.6rem,6vw,3.8rem);font-size:3.4rem;text-align:center}.about-heading:after{height:0;margin:1.8rem auto;width:6rem}.img-container{--card-w:min(42vw,260px);--overlap:0.55;justify-content:center;width:100%}.img-container img{aspect-ratio:325/400;height:auto;margin-left:calc(var(--card-w)*var(--overlap)*-1);object-fit:cover;width:var(--card-w)}.img-container img:first-child{margin-left:0}.about-container>div:last-child{text-align:left;width:100%}#about-me-heading{font-size:clamp(2.8rem,6vw,3.8rem)}.about-highlights,.about-me-description{font-size:1.6rem}.dashboard-container{flex-direction:column;gap:3rem}.about-me-content{opacity:1}}@media (max-width:480px){.about{padding:4rem 1.6rem 2rem}.img-container{--card-w:44vw}}.tab-container{background-color:#1f2937;border-radius:9px;column-gap:1.8rem;display:flex;margin-bottom:2rem;padding:1rem}.tab-btn{background:#0000;border:none;border-radius:9px;color:#999;font-size:1.6rem;font-weight:600;padding:1.4rem;width:100%}.active{color:#fff}.active,.tab-details{background-color:#030712}.tab-details{border:1px solid #666;border-radius:12px;margin:0 auto;min-width:550px;padding:2.4rem}@media (max-width:592px){.tab-details{min-width:100%}}.events:before{content:"";height:100%;position:absolute;top:0;width:1px}.events{position:relative}.events:before{background:#fff}.event.life .marker{fill:#999}.content time{font-family:concourse_4,Helvetica,sans-serif;font-weight:700}.events{margin:.5em;width:100%}.event{display:flex}.event .marker{flex-shrink:0;height:12px;left:-6px;position:relative;top:6px;width:12px}.content h3{color:#fff;font-size:16px;text-align:left}.content li{color:#fff;font-size:12px;letter-spacing:1.5px;margin-bottom:1.4rem}.content time{color:#fff}.content{padding:.5rem 2rem}.skills{background:#fff;margin:0;overflow:hidden;padding:0;width:100%}.phone{--w:950px;--nudge:2%;--trim-top:0.25;--screen-top:30.4%;--screen-left:34.6%;--screen-width:28%;--screen-height:60.5%;left:50%;margin:0;margin-top:calc(var(--w)*var(--trim-top)*-1);position:relative;transform:translateX(calc(-50% + var(--nudge)));width:var(--w)}.phone-frame{display:block;height:auto;pointer-events:none;position:relative;width:100%;z-index:1}.phone-screen{align-items:center;background:#fff;border-radius:15%/4%;display:flex;flex-direction:column;gap:1.6rem;height:var(--screen-height);justify-content:center;left:var(--screen-left);overflow:hidden;padding:2.4rem 0 1.2rem;position:absolute;text-align:center;top:var(--screen-top);width:var(--screen-width);z-index:2}.screen-header{margin-bottom:3.2rem;padding:0 1.4rem}.skills .phone-screen h3{color:#222;font-size:3.4rem;line-height:1.2;margin:0 0 4rem}.skills .phone-screen p{color:#222;font-size:1.4rem;letter-spacing:.02em;line-height:1.6;margin-bottom:2rem}.scroll-track{display:flex;flex-shrink:0;margin-bottom:4.2rem;overflow:hidden;position:relative;width:100%}.scroll-track:after,.scroll-track:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:24px;z-index:3}.scroll-track:before{background:linear-gradient(90deg,#fff,#fff0);left:0}.scroll-track:after{background:linear-gradient(270deg,#fff,#fff0);right:0}.scroll-slide{align-items:center;animation:scroll-left 20s linear infinite;display:flex;flex-shrink:0;gap:12px;padding-right:12px}.scroll-slide span{background:#212529;border-radius:5px;color:#fff;font-size:.9rem;font-weight:500;letter-spacing:.12em;padding:1.4rem 4rem;text-transform:uppercase;transition:background-color .2s ease;white-space:nowrap}.scroll-slide span:hover{background-color:#444}@keyframes scroll-left{to{transform:translateX(-100%)}}.skills .phone-screen a{border:2px solid #030712;color:#030712;font-size:1.6rem;padding:1rem 3.2rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.skills .phone-screen a:hover{background-color:#030712;box-shadow:none;color:#fff;transform:none}@media (prefers-reduced-motion:reduce){.scroll-slide{animation:none}}.back{align-items:center;background-color:#f5f7fa;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:4.2rem!important}.contact-heading{color:#fff;font-size:3.8rem;font-weight:500;margin:0;padding:2.4rem}form{align-items:center;background-color:#0f1729;border-radius:14px;color:#e9ecef;display:flex;flex-direction:column;height:100%;margin-bottom:2.2rem;padding:4.4rem;position:relative;text-align:center;width:60%}form label{font-size:1.8rem;margin-bottom:1.2rem}.invalid-message{color:#fa5252;font-size:1.4rem;margin:0 0 2.2rem}.input-container{align-items:center;display:flex;flex-direction:column;width:30%}.input-container input{background-color:#e9ecef;background-color:#868e96;border:0;border-bottom:1px solid #868e96;border-radius:6px}.input-container input:focus{background-color:#999;border:1px solid #000}.input-container input,.input-container textarea{background-color:#3b4957;margin-bottom:1.4rem;padding:.8rem;width:100%}.input-container textarea{border-radius:14px;margin-bottom:3.4rem}.input-container textarea:focus{background-color:#999;border:1px solid #000}.control-invalid{border-left:3px solid #fa5252!important}.control-invalid-text{background-color:#ffa8a8!important}.questions-heading{color:#adb5bd;font-size:2.4rem;margin:0 0 4.2rem;text-align:center}.phone-img{margin-bottom:5.2rem;width:12.5%}.questions-msg{color:#ccc;font-size:1.8rem;margin-bottom:5rem}@media (max-width:768px){.back,form{padding:1.2rem}form{width:100%}.input-container{padding:1.2rem;width:95%}.phone-img{width:55%}.contact-heading{margin:0 auto}}.button{background-color:initial;border:1px solid #888;color:#fff;cursor:pointer;font-weight:700;padding:1rem 4.2rem;text-transform:uppercase;transition:all .7s}.modal{background-color:#f1f3f5;border-radius:12px;height:40vh!important;left:50%;margin:4rem auto;padding:4.4rem;position:fixed;top:0;transform:translateX(-50%);width:40vw;z-index:3}.modal h5{font-size:2.8rem;text-align:center}.modal p{font-size:1.8rem;letter-spacing:1.1px;line-height:1.6;margin:0 auto 2.4rem;text-align:center;width:80%}.modal .modal-name{font-size:2.2rem;margin-bottom:2.2rem}@media (max-width:768px){html{font-size:50%}.modal{height:20%;width:80%}.modal p{margin-bottom:0}}.projects{margin:0 auto;padding:12rem 4rem .2rem;position:relative;width:100%}.project-features{font-size:1.3rem;letter-spacing:2.5px}.project-features li{margin-bottom:.6rem}#section-projects{background-color:#030712;background-position:top;color:#fff;z-index:0}.projects-header{margin:0 auto;width:90%}.projects-header h2{font-size:4.6rem;font-weight:500;letter-spacing:1.8px;margin-bottom:0;text-transform:uppercase}.projects-header p{color:#b4b3b3;font-size:1.8rem;font-weight:200;margin-bottom:6rem;width:40%}.project-subheading{color:#fb8989;font-size:2.8rem;font-weight:200;margin-bottom:auto}.project-container{background-color:#0f172a;border-radius:12px;box-shadow:0 6px 6px #a5a4a44d;display:grid;grid-template-columns:1fr 1fr;height:600px;margin:0 auto 14rem;width:90%}.project-image{width:100%}.warners-img{border-radius:0 12px 12px 0!important}.project-container img,.warners-img{border-radius:12px 0 0 12px;height:100%;width:100%;z-index:-1}.btn,.btn-container{align-items:center;display:flex}.btn{height:35px;justify-content:center;margin-right:2.4rem;transition:.5s;width:100px}.b1{background:-webkit-linear-gradient(0deg,#0000 50%,#339af0 0);background-size:300px 80px;border-bottom:2px solid #fff}.b1:hover{background-position:200px 0}.btn a{color:#e9ecef;font-size:2rem;text-decoration:none;text-transform:capitalize}.project-description{color:#fff;font-size:2.3rem;font-weight:200;letter-spacing:.6px;margin-bottom:auto;width:90%}.project-content{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding:4.2rem}@media (max-width:1200px){.main-container{width:100%}.project-container{grid-template-columns:1fr;height:100%;margin-bottom:4rem;overflow:hidden;width:100%}.projects-header p{width:90%}.project-content{order:2;padding:2.2rem}.project-description{font-size:1.7rem;margin-bottom:3.6rem}.project-image{order:1}.project-image img{border-radius:12px 12px 0 0;height:200px}.btn-container{margin:0 auto}}footer{align-items:center;background-color:#030712;display:flex;flex-direction:row;gap:4.2rem;height:6.2rem;justify-content:center;padding:4.2rem}footer ion-icon{color:#fff;cursor:pointer;height:4.4rem;width:4.4rem}.landing-page{align-items:center;justify-items:center;letter-spacing:1.2px;margin:auto;min-height:50vh;padding:8rem 4rem;position:relative;width:100%;z-index:3}.landing-container h2{animation-duration:1.4s;animation-name:unblur;color:#faf3e8;font-size:1.9rem}.heading-1 span{color:#a5d8ff}.landing-container a{border:1px solid #000;border-radius:12px;color:#111;font-size:2rem;margin-bottom:2rem;padding:2rem 4rem;text-decoration:none;text-transform:capitalize}.landing-container{align-items:center;display:flex;flex-direction:column;height:75%;justify-content:center;position:relative;width:100%}.landing-page h1{font-size:5.2rem;letter-spacing:1.6px;line-height:.8;margin:2.6rem}.landing-page h1,.landing-page p{color:#f0e6d6;font-weight:400;text-align:center}.landing-page p{font-size:2.4rem;line-height:1.05;margin:0 0 4.2rem}.arrow-down{align-items:center;display:flex;flex-direction:column;justify-items:flex-end}.heading-1{animation-duration:1.4s;animation-name:moveInLeft}.header-text{animation-duration:1.4s;animation-name:moveInRight;font-size:2rem!important;letter-spacing:1.2px;line-height:26px!important;margin-bottom:5rem;width:45%}.header-text span{color:#a5d8ff;position:relative}@keyframes unblur{0%{filter:blur(5px);transform:translateY(-100%)}to{filter:blur(0)}}@keyframes highlight{0%{opacity:0}50%{opacity:10%}to{opacity:45%}}@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media (max-width:768px){.landing-page{height:55vh}.header-text{width:80%}.landing-page h1{line-height:1.1;margin-bottom:6rem}.landing-page p{line-height:1.4;margin-bottom:8.2rem}.header-text{width:100%}}.cta-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:4rem 2rem 0;position:relative}.sun-img{width:100px}.skills-container{width:70%}.cta-container h3{color:#030712;font-size:4.4rem;margin:0 0 1.2rem}.cta-container a{border:2px solid #030712;color:#030712;font-size:17px;padding:2.2rem 4.8rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.cta-container a:hover{background-color:#020a0c;box-shadow:0 8px 20px #93c5fd59;color:#fff;transform:translateY(-2px)}@media (max-width:1100px){.cta-container{padding:0}}#bg-video,.bg-video{border-radius:50%;height:60%;left:5%;object-fit:cover;position:absolute;top:12%;width:28%}.video-overlay{background-color:#0009;height:65%;left:0;position:absolute;top:12%;width:100%;z-index:1}@media (max-width:768px){#bg-video,.bg-video{display:none}.video-overlay{height:60%;top:15%}}
/*# sourceMappingURL=main.d171bf11.css.map*/