.home{display:flex;height:100vh;overflow:hidden}.home-left{align-items:center;display:flex;flex:1 1}.home-desc{font-size:clamp(.7rem,-.875rem + 8vw,1.2rem);font-weight:300;line-height:1.62rem;margin:2rem 0}.home-left-wrapper{padding:0 30px}.home-intro{font-size:clamp(1.3rem,-.875rem + 8.333vw,2.3rem);font-weight:300}.home-name{font-size:clamp(1.7rem,-.875rem + 8.333vw,3.5rem)}.mobile-title{display:none}.slides-wrapper{height:100px;overflow:hidden;width:100%}.slides{display:flex;position:relative}.slide{flex-shrink:0;width:100%}@keyframes move{0%{right:0}15%{right:0}25%{right:100%}36%{right:100%}45%{right:100%}54%{right:200%}63%{right:200%}75%{right:200%}80%{right:200%}90%{right:300%}to{right:300%}}.slides{animation:move 20s linear infinite}.slides:hover{animation-play-state:paused;cursor:pointer}.home-title-item{align-items:center;color:#178386;display:flex;font-size:30px;font-weight:700;height:50px;position:relative}.home-image{clip-path:polygon(0 8%,54% 0,95% 18%,100% 100%,63% 93%,1% 100%,20% 67%);height:100%;object-fit:cover;width:100%}@media screen and (max-width:820px){.home{flex-direction:column}.home-left-wrapper{display:block;margin-top:50px}.home-image{clip-path:inset(0 0 0 0);object-fit:cover;object-position:top}}@media screen and (max-width:480px){.home-intro,.home-name{margin-bottom:10px}.home-intro{margin-top:2rem}.mobile-title{display:block}.home-desc{text-align:left}.slides-wrapper{display:none}.home-left-wrapper{align-items:center;justify-content:center;padding:10px;text-align:center}.home-image{clip-path:inset(0 0 0 0)}}@media screen and (max-width:375px) and (max-height:670px){.home-image{max-height:300px}.home-intro{margin:1rem 0 0}}@media screen and (max-width:430px){.home{flex-direction:column-reverse}.home-image{height:140%}}@media screen and (max-width:900px) and (min-width:666px) and (max-height:450px) and (min-height:280px){.home{display:grid;grid-template-columns:1fr 1fr}.home-left{display:flex;justify-content:flex-start;width:60vw}.home-image{clip-path:polygon(0 8%,54% 0,95% 18%,100% 100%,63% 93%,1% 100%,20% 67%);height:100%;object-fit:cover;width:100%}}@media screen and (max-height:450px){.slides-wrapper{display:none}.home-intro{font-size:clamp(1.6rem,-.875rem + 8.333vh,2.3rem)}.home-name{font-size:clamp(1.7rem,-.875rem + 8.333vh,3.5rem)}.home-desc{font-size:clamp(.9rem,-.75rem + 6.333vh,1.2rem)}}@media screen and (min-height:670px){.home-left{margin-top:40px}}@media screen and (width:540px) and (height:720px){.slides-wrapper{display:none}.home-intro{font-size:1.5rem;margin-top:0}.home-name{font-size:2rem}.home-desc{font-size:1.1rem;line-height:1.3;margin-top:.5rem}}.pie{-webkit-tap-highlight-color:transparent;background:#aaa;border-radius:50%;box-shadow:0 0 4px 5px #0003;cursor:pointer;height:400px;left:-200px;position:fixed;top:-200px;transform:translateX(-200px) translateY(-200px);transition:transform .3s;width:400px;z-index:500}.pie-color:hover{background:linear-gradient(135deg,#0d6063,#00b5bb);opacity:.85}.pie-color:active{opacity:.7}.pie1{clip-path:polygon(200px 200px,344px 450px,0 450px);transition-delay:30ms}.pie2{clip-path:polygon(200px 200px,344px 450px,450px 344px);transition-delay:60ms}.pie3{clip-path:polygon(200px 200px,450px 0,450px 344px);transition-delay:90ms}.pie-color{border-radius:50%;height:100%;width:100%}.pie-color1{clip-path:polygon(200px 200px,344px 450px,0 450px)}.pie-color1,.pie-color2{background:linear-gradient(135deg,#444,#ccc)}.pie-color2{clip-path:polygon(200px 200px,344px 450px,450px 344px)}.pie-color3{background:linear-gradient(135deg,#444,#ccc);clip-path:polygon(200px 200px,450px 0,450px 344px)}.pie-contact{left:206px;top:300px;transform:rotate(75deg)}.pie-code,.pie-contact{color:#eee;position:absolute;width:46px}.pie-code{left:257px;top:267px;transform:rotate(45deg)}.pie-home{color:#eee;left:290px;position:absolute;top:215px;transform:rotate(15deg);width:46px}.pie-home span{margin-left:3px}.menu{-webkit-tap-highlight-color:transparent;background:#eee;border-radius:50%;box-shadow:0 0 4px 5px #0003;cursor:pointer;height:120px;left:-60px;position:fixed;top:-60px;width:120px;z-index:1000}.hamburger{cursor:pointer;height:36px;left:55%;position:relative;top:55%;width:36px}.hamburger path{transition:transform .3s}.hamburger path:first-child{transform-origin:25% 29%}.hamburger path:nth-child(2){transform-origin:50% 50%}.hamburger path:nth-child(3){transform-origin:75% 72%}.hamburger path:nth-child(4){transform-origin:75% 29%}.hamburger path:nth-child(5){transform-origin:25% 72%}.active .pie{transform:translateX(0) translateY(0)}.active .hamburger path:first-child{transform:rotate(45deg)}.active .hamburger path:nth-child(2){transform:scaleX(0)}.active .hamburger path:nth-child(3){transform:rotate(45deg)}.active .hamburger path:nth-child(4),.active .hamburger path:nth-child(5){transform:rotate(-45deg)}.container{display:flex;flex-direction:column;height:100vh;justify-content:space-around;margin:0 2rem;max-width:1200px;overflow-y:auto;padding-bottom:50px;position:relative;z-index:1}.container::-webkit-scrollbar{display:none}.code{align-items:center;display:flex;padding-top:5rem}.code-left{flex:0.9 1;height:100%;margin:0 auto;position:relative;width:120%}.code-right{flex:1.1 1}.code-card.bg{height:70%;position:relative;width:70%}.code-card{left:10%;position:absolute;top:10%}.code-card,.code-image{border-radius:30px;height:100%;width:100%}.code-image{object-fit:cover;object-position:center}.code-title{font-weight:400}.code-sub{margin:20px 0}.code-desc{font-weight:300}.badges-container{margin:0 auto;max-width:760px;padding-bottom:1rem}.badges,.badges-container{display:flex;justify-content:center}.badges{flex-wrap:wrap;gap:1rem;margin-top:1rem}.badge{align-items:center;display:flex;height:auto;justify-content:center;max-height:50px;max-width:50px;width:auto}.badge img{height:auto;width:100%}.sm-h{height:44px}.badges .badge:nth-child(2){margin-top:3px}.badges .badge:nth-child(14){margin-top:5px}.sm-h img{height:100%}.sm-w{max-width:60px}.md-w{max-width:80px}.lg-w{max-width:110px}.animate-title{animation-duration:6s;animation-name:appear}@keyframes appear{0%{opacity:0}to{opacity:1}}.animate-first-text{animation-duration:3s;animation-name:slide-from-right}@keyframes slide-from-right{0%{opacity:0;transform:translateX(5rem)}to{opacity:1;transform:translateX(0)}}.animate-second-text{animation-duration:3s;animation-name:slide-from-left}@keyframes slide-from-left{0%{opacity:0;transform:translateX(-5rem)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:1100px){.container{flex-direction:column;justify-content:space-around}.badges-container{margin-top:1rem}}@media screen and (max-width:820px){.code{display:block;padding-top:0}.code-left{height:60%;padding:0;width:95%}.code-card{position:relative}.code-right{margin-right:0}}@media screen and (max-width:768px){.container{justify-content:space-between}.code-card{position:relative}}@media screen and (max-width:430px){.code-left{height:40%;width:100%}.badges-container{margin-top:13rem}.badge{max-height:40px;max-width:40px}.sm-h{height:44px}.md-w{max-width:60px}.lg-w{max-width:80px}}@media only screen and (max-width:414px){.code{padding-top:2rem}.code-title{text-align:center}}@media only screen and (max-height:414px){.code-left{height:100%}}@media (max-height:414px) and (max-width:896px){.code{display:flex;flex-direction:row;padding-top:8rem}.code-right{flex:2 1;padding-right:10%}.code-desc{font-size:12px}.code-title{font-size:24px}}@media screen and (max-width:393px){.code-title{font-size:24px;text-align:center}.code-desc,.code-sub{font-size:14px}}@media (max-height:375px) and (max-width:700px){.code{padding-top:0}.code-left{height:77%;padding-left:1rem}.code-right{margin:0 1rem 0 0}}@media screen and (max-width:280px){.code-left{height:43%}}@media screen and (height:717px) and (width:512px){.code-left{height:50%;width:90%}.code{padding-top:1rem}.code-left{left:6%}}@media screen and (width:717px) and (height:512px){.code{padding-top:2rem}.code-left{height:60%;margin-left:3%;width:50%}}@media screen and (width:740px) and (height:360px){.code{padding-top:1rem}.code-left{height:80%}}@media screen and (width:540px) and (height:720px){.code-left{height:50%;width:90%}.code{padding-top:1rem}.code-left{left:6%}.badges-container{margin-top:12rem}}@media screen and (width:720px) and (height:540px){.code{padding-top:2rem}.code-left{height:60%;margin-left:3%;width:50%}.badges-container{margin-top:12rem}}@media screen and (width:280px) and (height:653px){.code-left{height:25%}}.contact{height:100vh;position:relative}.contact-bg{background-color:#00b5bb;height:100vh;position:absolute;width:20px}.contact-wrapper{display:flex;padding:50px}.contact-left{flex:1 1}.contact-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact-title{font-size:3rem;width:80%}.contact-info-item{align-items:center;display:flex;font-weight:300;margin:30px 0}.contact-info-item h5{margin-left:5px}.contact-desc{font-weight:200}form{margin-top:20px}input{border:none;border-bottom:1px solid #000;border-radius:0;height:50px;margin:10px 5px 10px 0;padding-left:10px;width:50%}input,textarea{background:#0000;font-size:14px}textarea{border:1px solid #000;border-radius:0;margin:10px 0;padding:10px;width:100%}button{background-color:#00b5bb;border:none;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px}button:hover{color:#68c5c7}input:focus{outline:none}input:focus::placeholder{font-size:10px;transform:translateY(-20px);transition:all .6s ease-in}textarea:focus{outline:none}.thank{font-weight:250;margin-top:5px}@media only screen and (max-width:820px){.contact-wrapper{flex-direction:column}.code-left{width:90%}}@media only screen and (max-width:480px){.contact-wrapper{padding:50px 50px 0}.contact-title{font-size:2rem;margin-top:1rem}.contact-info-item{margin:20px 0;width:100%}.contact-desc{display:none}form{display:flex;flex-wrap:wrap;margin-top:15px}input{height:40px;margin:10px 0;width:100%}textarea{margin:5px 1px;width:100%}button{margin-top:10px}}@media only screen and (max-width:414px){.contact-right form{margin-top:0}.contact-title{font-size:1.8rem;margin-top:0}.contact-info-item{margin:10px 0}}@media only screen and (max-height:414px){.contact-wrapper{flex-direction:row}.contact-title{font-size:30px}.contact-desc{display:none}input{height:30px;margin-top:.3rem}form{margin-top:-1rem}.contact-wrapper{padding-bottom:0}}@media only screen and (max-height:375px) and (max-width:740px){.contact-wrapper{flex-direction:row}.contact-right form textarea{height:80px}}@media only screen and (max-width:280px){.contact-right form{margin-top:0}.contact-title{font-size:1.5rem}.contact-info-item{margin:15px 0}}@media only screen and (max-height:280px){.contact-title{font-size:1.6rem}.contact-info-item{margin:20px 0}.contact-right input{margin:0}.contact-right input:nth-child(2){margin-left:3%;width:47%}}@media only screen and (width:717px) and (height:512px){.contact-wrapper{flex-direction:row;padding-bottom:0}.contact-title{font-size:2rem}.contact-desc{font-size:.8rem}.contact-right form{margin-top:0}}@media only screen and (width:512px) and (height:717px){.contact-title{font-size:1.8rem;margin-bottom:1rem}.contact-info-item{font-size:1rem;margin:10px 0}.contact-desc{font-size:.8rem;margin-top:1.5rem}.contact-right form{margin-top:0}.contact-wrapper{padding-bottom:0}}@media only screen and (max-width:375px) and (max-height:700px){.contact-title{font-size:1.6rem;margin-top:0}.contact-info-item{margin:10px 0}.contact-info{margin-top:1.2rem}.contact-right form{margin-top:0}}@media only screen and (width:720px) and (height:540px){.contact-wrapper{flex-direction:row;padding-bottom:0}.contact-title{font-size:2rem}.contact-desc{font-size:.8rem}.contact-right form{margin-top:0}}@media only screen and (width:540px) and (height:720px){.contact-title{font-size:1.8rem;margin-bottom:1rem}.contact-info-item{font-size:1rem;margin:10px 0}.contact-desc{font-size:.8rem;margin-top:1.5rem}.contact-right form{margin-top:0}.contact-wrapper{padding-bottom:0}}@media screen and (max-height:739px) and (min-height:653px){.contact-title{font-size:1.5rem}}.toggle{align-items:center;background-color:#fff;border:1px solid #0d6063;border-radius:20px;display:flex;height:25px;justify-content:space-around;position:fixed;right:10px;top:10px;width:50px;z-index:777}.toggle-icon{height:15px;width:15px}.toggle-button{background-color:#0d6063;border-radius:50%;cursor:pointer;height:25px;position:absolute;width:25px}*{box-sizing:border-box;margin:0;padding:0}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.30de2adb.css.map*/