html{font-family:Roboto Slab,serif;font-size:62.5%;scroll-behavior:smooth}body{box-sizing:border-box;color:#444;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-app{height:100vh}.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;color:#444;display:flex;gap:4.4rem;height:100%;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.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){.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{align-items:center;background-color:#212529;box-shadow:0 2px 8px #00000042;display:flex;width:78%;z-index:100}#section-about{background-color:#e9ecef}#typewriter{color:#555;font-size:3rem;font-weight:500;margin-top:4.8rem}.about{align-items:center;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;padding-bottom:2.8rem;width:70%}.about,.about-skills{height:100%}.about-heading{display:block;font-size:3.8rem;font-weight:500;grid-column:1/-1;letter-spacing:1.8px;position:relative;text-align:center}.about-heading:after{background-color:#a5d8ff;content:"";display:flex;height:.5%;margin:1.8rem auto 8rem;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{align-self:center;border-radius:14px;box-shadow:4px 9px 12px #0003;height:46.5rem;margin-left:4rem;padding:.8rem;width:45%}#about-me-p{color:#666;display:block;font-size:2.8rem;font-weight:600}.about-me-content{grid-column:2/-1;height:100%;opacity:0}.about-me-content-animate{animation-duration:1.4s;animation-name:moveInRight;opacity:1}.about-me-description{color:#555;font-size:2rem;font-weight:400;letter-spacing:1px;line-height:1.6;margin-bottom:4.2rem;width:100%}div .about-btn{border-bottom-color:#000}.about-btn a{color:#000}@media (max-width:1500px){.about{grid-template-columns:1fr;width:92%}.about-me img{display:none}.about-heading{grid-column:2/3;height:50%;margin-bottom:0}.about-me-content{opacity:1}div .about-btn{margin:0 auto}}@media (max-width:768px){.about-me-description{grid-column:1/-1}.about-me p{margin-bottom:6.4rem;width:95%}.about-heading-p{width:100%}}.back{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0 4.4rem 4.4rem}.contact-heading{color:#fff;font-size:3.8rem;font-weight:500;margin:0;padding:2.4rem;text-align:center}form{align-items:center;background-color:#060a0f;border-radius:14px;color:#e9ecef;display:flex;flex-direction:column;height:100%;margin-bottom:2.2rem;padding:4.4rem;position:relative;width:65%}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:4.2rem;width:12.5%}@media (max-width:768px){form{padding:1.8rem;width:95%}.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:5.2rem 0 .2rem;position:relative;width:100%}#section-projects{background-color:#222;background-position:top;background:linear-gradient(#000);color:#fff;z-index:0}.projects-heading{display:block;font-size:3rem;font-weight:500;grid-column:1/-1;letter-spacing:1.8px;margin:0 0 9.6rem;padding:4.8rem;position:relative;text-align:center;text-transform:uppercase}.project-clipboard,.project-clothing,.project-firetek{height:40%;transition:all .5s;width:40%;z-index:1!important}.project-clipboard:hover,.project-clothing:hover,.project-firetek:hover{transform:translateY(-5%)}.clipboard-container,.clothing-container,.firetek-container{align-items:flex-start;display:flex;justify-content:center;margin-bottom:18rem}.clothing-container{margin-bottom:8rem}.clipboard-container img,.clothing-container img,.project-firetek{outline:10px solid #dee2e6;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:400px 80px;border-bottom:2px solid #fff}.b1:hover{background-position:200px 0}a{color:#e9ecef;font-size:2rem;text-decoration:none;text-transform:capitalize}.clipboard-header,.clothing-header,.firetek-header{font-size:1.8rem;width:100%}.clipboard-header span,.clothing-header span,.firetek-header span{font-weight:600}.firetek-content{margin-right:2.8rem}.clipboard-content,.clothing-content{margin-left:2.8rem}@media (max-width:1200px){.clipboard-content,.clothing-content,.firetek-content{margin:0 auto;text-align:center}.firetek-container{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center}.clipboard-container,.clothing-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-clipboard,.project-clothing,.project-firetek{margin-bottom:1.8rem;width:80%}.btn-container{display:flex;justify-content:center}.clipboard-container,.clothing-container,.firetek-container{margin-bottom:11rem}}@media (max-width:768px){.project-clipboard,.project-clothing,.project-firetek{width:95%}}footer{align-items:center;background-color:#000;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}#bg-video,.bg-video{height:100%;left:0;object-fit:cover;position:relative;position:fixed;top:0;width:100%;z-index:-1}.video-overlay{background-color:#000000b3;height:100vh;left:0;position:absolute;top:0;width:100%}.landing-page{align-items:center;height:100%;justify-items:center;letter-spacing:1.2px;margin:auto;position:relative;width:100%;z-index:1}.heading-2 span{color:#fff!important;position:relative}.heading-1 span{color:#ffe066!important}.sketch-highlight:before{animation:highlight 2s;background-color:#4dabf7;content:"";filter:url(#marker-shape);height:1em;left:-.25em;opacity:45%;padding:0 .25em;position:absolute;top:.1em;width:100%;z-index:-1}@keyframes highlight{0%{opacity:0}50%{opacity:10%}to{opacity:45%}}.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:#fff;font-weight:400;text-align:center}.landing-page p{font-size:2.4rem;line-height:1.05;margin:0 0 4.2rem}.landing-page span{color:#ffec99}.btn-landing:active,.btn-landing:link{animation:moveInBottom .5s .75s;animation-fill-mode:backwards;border:2px solid;border-radius:14px;display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:9.2rem;padding:1.4rem 4rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s;z-index:1}.btn-landing:hover{box-shadow:0 1rem 20px #0003;transform:translateY(-3px)}.landing-container ion-icon{border:none;bottom:10%;display:block;position:absolute;width:100%}.arrow-down{align-items:center;display:flex;flex-direction:column;justify-items:flex-end}.btn-landing:active{box-shadow:0 .5rem 10px #0003;transform:translateY(-1px)}.btn-white{background-color:initial;color:#ffec99}.btn-landing:after{border-radius:12px;content:"";display:inline-block;height:100%;left:-2px;position:absolute;top:-2px;transition:all .4s;width:100%;z-index:-1}.btn-white:after{border:2px solid #ffe066;border-radius:14px}.btn-landing:hover:after{opacity:0;transform:scaleX(1.2) scaleY(1.6)}.heading-1{animation-name:moveInLeft}.heading-1,.heading-2{animation-duration:1.4s}.heading-2{animation-name:moveInRight;margin-bottom:5rem}@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){html{font-size:52.5%}.landing-page h1{line-height:1.1}.landing-page p{line-height:1.4;margin-bottom:8.2rem}}.curves{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;transform:rotate(180deg);width:100%}.curves svg{display:block;height:123px;position:relative;width:calc(100% + 1.3px)}.curves .shape-fill{fill:#000}.logos{background-color:#e9ecef;height:50%;margin:0 auto;overflow:hidden;padding:25px 0;position:relative;white-space:nowrap;width:90%}.logos:after,.logos:before{content:"";height:100%;position:absolute;top:0;width:150px;z-index:2}.logos:before{background:linear-gradient(270deg,#fff0,#e9ecef);left:0}.logos:after{background:linear-gradient(90deg,#fff0,#e9ecef);right:0}.scroll-slide{animation:scroll 20s linear infinite;display:inline-block}.scroll-slide span{background:#212529;border-radius:5px;color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:.3em;margin:0 30px;padding:10px 15px;text-transform:uppercase}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}
/*# sourceMappingURL=main.5412a279.css.map*/