@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Staatliches&display=swap";.navbar{display:flex;justify-content:center;align-items:center;font-size:1.2rem;z-index:999;position:relative}.navbar-container{display:flex;justify-content:center;align-items:center;height:80px;max-width:1500px}.navbar-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center}.fa-typo3{margin-left:.5rem;font-size:1.8rem}.nav-menu{display:grid;grid-template-columns:repeat(4,auto);grid-gap:10px;list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:2rem}.nav-item{color:#fff}.nav-links{color:#fff;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%}.nav-links:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.fa-bars{color:#fff}.nav-links-mobile,.menu-icon{display:none}@media screen and (max-width: 960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;position:fixed;top:80px;left:-100%;opacity:1;transition:all .5s ease;z-index:1}.nav-menu.active{background:black;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{background-color:#fff;color:#000;border-radius:0}.nav-menu.active:hover{color:#000}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{font-size:2rem}.nav-links-mobile{display:block;text-align:center;margin:2rem auto;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:#fff;padding:14px 20px;border:1px solid #fff;transition:all .3s ease-out}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}*{box-sizing:border-box;margin:0;padding:0;font-family:Black Ops One,cursive;overflow-x:hidden}.home,.services,.products,.sign-up{display:flex;height:90vh;align-items:center;justify-content:center;font-size:3rem}.services{background-image:url(/images/img-2.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:100px}.products{background-image:url(/images/img-1.jpg);background-position:center;background-size:fill;background-repeat:no-repeat;color:#fff;font-size:100px}.sign-up{background-image:url(/images/img-8.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:100px}*{margin:0;padding:0;font-family:Black Ops One,cursive}.main{position:relative}.hero-container>h4{color:#000;background:rgba(365,305,300,.88);border-radius:16px;border:1px solid rgba(255,255,255,.3);width:55%;font-weight:100;position:absolute;z-index:-99}video{object-fit:cover;z-index:-1;overflow-y:hidden;margin-top:-2%;filter:blur(3)}.hero-container{height:100vh;width:auto;overflow-y:hidden;display:flex;flex-direction:row;justify-content:center;justify-items:center;align-items:center;position:relative}.hero-img{width:50%}@media screen and (max-width: 800px){video{object-fit:contain;margin-left:-45%;width:max-content}.main{margin-top:-5%}.hero-container{height:auto}}@media screen and (max-width: 762px){video{object-fit:contain;margin-left:-45%;width:max-content}.main{margin-top:-5%}.hero-container{height:auto}}@media screen and (max-width: 820px){.hero-container{width:100%;height:100%}img{width:100%;height:100%;z-index:99}}@media screen and (max-width: 921px){.hero-container{width:250%;height:150%}img{width:100%;height:100%;margin-left:-11%;z-index:99}.hero-container>h4{font-size:55px;width:35%;margin-left:-65%}}@media screen and (max-width: 280px){.hero-container>h4{font-size:242%}}@media screen and (min-width: 1024px){.hero-img{margin-right:-50%}.hero-container>h4{margin-left:-35%}}.col-text{height:26em}h1{font-size:8vw;display:flex;justify-content:center}.grid-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;flex-direction:row;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;-webkit-justify-content:space-around}.col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.col-left{-webkit-box-ordinal-group:-1;-webkit-order:-1;-ms-flex-order:-1;order:-1}.col-text{display:flex;align-items:center;justify-content:center}.Aligner-item{width:60%}.Aligner-item>p{font-family:fantasy}.col-image{background-size:cover;background-position:center center}@media screen and (max-width: 500px){.grid-flex{margin-top:15%;border-radius:50px;height:40em;display:-webkit-flex;-webkit-flex-direction:column;flex-direction:column;padding:5%}.col{order:vertical}.col-left{-webkit-box-ordinal-group:0;-webkit-order:0;-ms-flex-order:0;order:0}.col-text div p{overflow-y:hidden;margin-top:15%;font-size:45%}.Aligner-item{width:100%;height:max-content}.p span{display:none}}@media screen and (max-width: 800px){.p span{display:none}}@media screen and (max-width: 640px){.grid-flex{margin-top:15%;border-radius:50px;height:40em;display:-webkit-flex;-webkit-flex-direction:column;flex-direction:column;padding:5%}.p span{display:none}.col{order:vertical}.col-left{-webkit-box-ordinal-group:0;-webkit-order:0;-ms-flex-order:0;order:0}.col-text div p{overflow-y:hidden;margin-top:15%;font-size:45%}.Aligner-item{width:100%;height:max-content}}.skills-section{padding-top:20px;margin-top:10%}.skills-header{text-align:center;color:#000;padding:1rem;position:relative}.skills-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background-color:#2ecc71;border-radius:2px}.skills-container{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;align-items:center;text-align:center;grid-gap:1rem;padding:1rem 80px;font-size:1.2rem}.skills-box{padding:1rem;color:#000;cursor:pointer}.skills-box:hover .skills-img{transform:translate(-20px)}.skills-title{display:flex;flex-direction:column;align-items:center;padding:.5rem;margin-bottom:.5rem;position:relative}.skills-title:after{content:"";position:absolute;bottom:0;rigth:50%;width:20px;height:4px;border-radius:2px 0 0 2px;transition:.5s}.skills-title:before{content:"";position:absolute;bottom:0;left:50%;width:100px;height:4px;border-radius:0 2px 2px 0}.skills-icons{width:50px;z-index:2}.skills-img{width:90px;height:90px;position:relative;border-radius:45px;background-color:#fff;display:flex;justify-content:center;align-items:center;transition:.5s}.line{width:100px;height:3px;margin-right:20px;background-color:#000}h4{font-size:4vw;display:flex;-webkit-box-align:center;align-items:center}.skills-img:after{content:"";position:absolute;top:0;left:0;width:50%;height:90px;border-radius:45px 0 0 45px}.skills-title h3{color:#333;margin-top:.5rem;font-size:3vw}@media screen and (max-width: 990px){.skills-container{grid-template-columns:repeat(2,1fr);padding:2rem 50px}}@media screen and (max-width: 650px){.skills-container{grid-template-columns:2fr;padding:2rem 50px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}#work{width:85%;min-height:50vh;margin:50px auto}#work h4{font-size:5vw;display:flex;-webkit-box-align:center;align-items:center}.line{width:40px;height:3px;margin-right:20px;background-color:#000}#work h1{font-size:8vw;display:flex;justify-content:center}.btn-work{margin-top:5%;background-color:#40e0d0;border:none;cursor:grab;padding:2vw;color:#fff;border-radius:10px;transform:translate(50%)}#samples{display:flex}.smpl{width:100%;height:100%;margin:20px}#samples #left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:120%;height:100%}#samples #right{width:50%;margin-top:80%;margin-right:14%}.smpl img{width:95%;height:100%;object-fit:cover;border-radius:20px;box-shadow:4px 4px 7px 2px #000}@media screen and (max-width: 800px){#samples{display:flex}#samples #left{width:1250%;height:120%}#samples #right{width:250%;margin-top:50%}#left img{width:50%;height:50%}#samples #right img{width:100%}.smpl{width:150%;height:150%}.btn-work{margin-top:5%;background-color:#40e0d0;color:#fff;width:fit-content;transform:translate(40%)}.smpl img{width:100%;height:100%}}@media screen and (max-width: 500px){#samples{display:block;padding:12px;width:100%;height:100%}#samples #left{width:100%;height:100%}#samples #left .smpl img{width:100%;height:fit-content;box-shadow:none}.btn-work{margin-top:5%;background-color:#40e0d0;color:#fff;padding:20px;width:fit-content;transform:translate(10%)}#samples #right{width:50%;mix-blend-mode:color-burn}}@media screen and (max-width: 972px){#samples{display:block;padding:12px;width:100%;height:100%}#samples #left{width:100%;height:100%}#samples #left .smpl img{width:100%;height:fit-content;box-shadow:none}.btn-work{margin-top:5%;background-color:#40e0d0;color:#fff;padding:20px;width:fit-content;transform:translate(10%)}#samples #right{width:50%;transform:translate(50%);mix-blend-mode:color-burn}}@media screen and (max-width: 762px){#samples{display:block;padding:12px;width:100%;height:100%}#samples #left{width:100%;height:100%}#samples #left .smpl img{width:100%;height:fit-content;box-shadow:none}.btn-work{margin-top:5%;background-color:#40e0d0;color:#fff;padding:20px;width:fit-content;transform:translate(10%)}#samples #right{width:50%;transform:translate(50%);mix-blend-mode:color-burn}}#contact{background-color:#fff;display:flex;justify-content:center;align-items:center}.contact-box{display:flex;flex-wrap:wrap;justify-content:center}#contact h1{font-size:6vw;margin-left:50%;transform:translate(-50%)}#contact{display:grid;justify-content:center;width:100%}.contact-links,.contact-form-wrapper{width:50%;padding:8% 5% 10%}.contact-links{background-color:#1f2e43;background:url(https://img.freepik.com/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15671.jpg?w=1060&t=st=1696254591~exp=1696255191~hmac=2795584d814837de3b77295efaa467cc5fbd7e38e2eff7e999e0bffb57547013);background-size:contain;border-radius:10px 0 0 10px;background-repeat:no-repeat}.contact-form-wrapper{background-color:#ffffff8f;border-radius:0 10px 10px 0}@media only screen and (max-width: 800px){.contact-links,.contact-form-wrapper{width:100%}.contact-links{border-radius:10px 10px 0 0}.contact-form-wrapper{border-radius:0 0 10px 10px}}@media only screen and (max-width: 400px){.contact-box{width:100%}}h2{font-family:Arimo,sans-serif;color:#fff;font-size:clamp(30px,6vw,60px);letter-spacing:2px;text-align:center;transform:scaleX(.95)}.links{display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}.link{margin:10px;cursor:pointer}.contact-image{width:45px;height:45px;filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #0006);transition:.2s;-webkit-user-select:none;user-select:none}.contact-image:hover{transform:scale(1.1)}.contact-image:active{filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #222) sepia(.3)}.form-item{position:relative}label,input,textarea{font-family:Poppins,sans-serif}label{position:absolute;top:10px;left:2%;color:#999;font-size:clamp(14px,1.5vw,18px);pointer-events:none;-webkit-user-select:none;user-select:none}input,textarea{width:100%;outline:0;border:1px solid #ccc;border-radius:4px;margin-bottom:20px;padding:12px;font-size:clamp(15px,1.5vw,18px)}input:focus+label,input:valid+label,textarea:focus+label,textarea:valid+label{font-size:clamp(13px,1.3vw,16px);color:#777;top:-20px;transition:all .225s ease}.submit-btn{background-color:#fd917e;filter:drop-shadow(2px 2px 3px #0003);color:#fff;font-family:Poppins,sans-serif;font-size:clamp(16px,1.6vw,18px);display:block;padding:12px 20px;margin:2px auto;border:none;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s}.submit-btn:hover{transform:scale(1.1)}.submit-btn:active{transform:scale(1.1);filter:sepia(.5)}@media only screen and (max-width: 800px){h2{font-size:clamp(40px,10vw,60px)}}@media only screen and (max-width: 400px){h2{font-size:clamp(30px,12vw,60px)}.contact-box{width:100%}.links{padding-top:30px}.contact-image{width:38px;height:38px}}.footer-container{background-color:#0f0f0f;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Staatliches,cursive;padding:2rem}.footer-subscription{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.footer-subscription-heading{margin-bottom:24px;font-size:24px}.footer-subscription-text{margin-bottom:24px;font-size:20px}.footer-input{padding:8px 20px;border-radius:100px;margin-right:10px;outline:none;border:none;font-size:18px;margin-bottom:16px;border:1px solid #fff}.footer-links{width:100%;max-width:1000px;display:flex;justify-content:center}.footer-link-wrapper{display:flex}.footer-link-items{display:flex;flex-direction:column;align-items:flex-start;margin:16px;text-align:left;width:160px;box-sizing:border-box}.footer-link-items h2{margin-bottom:16px}.footer-link-items>h2{color:#fff}.footer-link-items a{color:#fff;text-decoration:none;margin-bottom:.5rem}.footer-link-items a:hover{color:#e9e9e9;transition:.3s ease-out}.footer-email-form h2{margin-bottom:2rem}.footer-input::placeholder{color:#b1b1b1}.social-icon-link{color:#fff;font-size:24px}.social-media{width:100%}.social-media-wrap{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1000px;margin:40px auto 0}.social-icons{display:flex;justify-content:space-between;align-items:center;width:240px}.social-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center;margin-bottom:16px}.website-rights{color:#fff;margin-bottom:16px}@media screen and (max-width: 820px){.footer-links{padding-top:2rem}.footer-input,.btn{width:100%}.footer-link-wrapper,.social-media-wrap{flex-direction:column}}