*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-family:Roboto,Helvetica,sans-serif;width:100%;height:100%;color:#000;background-color:#fff;box-sizing:border-box}li,a{color:#000}a,a:link,a:hover,a:visited,a:active{text-decoration:none}img{max-width:100%}ul{list-style-type:none}.spa{overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh}.spa-body{width:98%;margin:auto}@media screen and (min-width: 576px) and (max-width: 767px){.spa-body{width:95%}}@media screen and (min-width: 768px) and (max-width: 991px){.spa-body{width:90%}}@media screen and (min-width: 992px) and (max-width: 1199px){.spa-body{width:80%}}@media screen and (min-width: 1200px) and (max-width: 1980px){.spa-body{width:70%}}@media screen and (min-width: 1981px){.spa-body{width:60%}}.nav{overflow:hidden;background-color:#fff;color:#000;padding:1rem;width:100vw;display:flex;justify-content:end;align-items:center}.nav-list{position:absolute;margin-left:auto;margin-right:auto;text-align:center}.nav-list:not(.list-active){display:none}.nav-item{list-style:none;padding:.5rem;font-size:calc(20px + .390625vw)}.nav-item:hover{transform:translateY(-3px);transition:all .25s ease}.list-active{width:100%;display:flex;flex-direction:column;justify-content:space-around;gap:2rem;align-items:center;position:absolute;margin-left:auto;margin-right:auto;top:20%;left:0;right:0;text-align:center;z-index:2;animation:slide-in .5s forwards}.list-active p{font-size:calc(24px + .390625vw);font-weight:600;color:#fff}.active-page{text-decoration:none;border-image-source:-webkit-linear-gradient(white,white);border-bottom:8px solid;border-radius:4px;border-image-slice:1}.menu-icon{display:none}.show{position:initial;margin:0}.nav-icon-5{width:35px;height:30px;margin:10px;position:relative;cursor:pointer;display:inline-block}.nav-icon-5 span{background-color:#000;position:absolute;border-radius:2px;transition:.3s cubic-bezier(.8,.5,.2,1.4);width:100%;height:4px;transition-duration:.5s}.nav-icon-5 span:nth-child(1){top:0;left:0}.nav-icon-5 span:nth-child(2){top:13px;left:0;opacity:1}.nav-icon-5 span:nth-child(3){bottom:0;left:0}.nav-icon-5:not(.open):hover span:nth-child(1){transform:rotate(-3deg) scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(2){transform:rotate(3deg) scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(3){transform:rotate(-4deg) scaleY(1.1)}.nav-icon-5.open span:nth-child(1){transform:rotate(45deg);top:13px}.nav-icon-5.open span:nth-child(2){opacity:0}.nav-icon-5.open span:nth-child(3){transform:rotate(-45deg);top:13px}@media (min-width: 768px){.nav-icon-5{display:none}.nav-list{display:flex;position:initial;top:0;flex-direction:row;justify-content:center;align-items:center;gap:clamp(1rem,3rem,5rem);background-color:#fff;margin:0 auto;text-align:center;z-index:10}.list-active{animation:none}.nav-list:not(.list-active){display:flex}.list-active p{font-size:calc(22px + .390625vw);font-weight:200;color:#000}.active-page{text-decoration:none;border-image-source:-webkit-linear-gradient(#00dfc0,#00dfc0)}}.initial{background-color:#018673;position:absolute;width:100%;height:100%;z-index:-1}.initial:not(.active){display:none}.active{border-radius:0 0 0 60%;top:70px;left:0;width:100%;height:70%;z-index:1;animation:slide-in .5s forwards}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media (min-width: 768px){.initial{display:none}}.title-h1{font-size:calc(50px + .390625vw);text-align:center;margin-bottom:1rem}.title-h2{font-size:calc(30px + .390625vw);text-align:center;margin-bottom:1rem}@media only screen and (min-width: 992px){.title-h1{font-size:calc(60px + .390625vw);text-align:left}.title-h2{font-size:calc(40px + .390625vw);text-align:left}}.home-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 175px)}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media screen and (min-width: 992px){.home-container{flex-direction:row;gap:4rem}}.hand{animation-name:wave;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.text-box{width:100%;margin:auto}.text-box-container{display:flex;flex-direction:column;justify-content:space-evenly}.text-box-text{font-size:calc(16px + .390625vw);max-width:600px;text-align:center}.name-decoration{background:-webkit-linear-gradient(#00dfc0,#018673);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (min-width: 992px) and (max-width: 1199px){.text-box{width:90%}.text-box-container p{margin:2rem 0;font-size:calc(16px + .390625vw);padding-right:2rem;max-width:650px;text-align:left}}@media only screen and (min-width: 1200px){.text-box{width:70%}.text-box-container p{margin:2rem 0;font-size:calc(16px + .390625vw);padding-right:2rem;max-width:650px;text-align:left}}.img-container{display:flex;justify-content:center;align-items:center}.img{width:70vh}.body-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 175px);max-width:95%;margin:auto;gap:2rem}.about-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;max-width:800px;margin:auto;min-width:300px}.about-title{font-size:calc(40px + .390625vw);margin-bottom:2rem;text-align:center}.about-text{font-size:calc(15px + .390625vw);margin-bottom:1rem;max-width:700px;text-align:center}.about-img-container{display:flex;justify-content:center;align-items:center}.about-img{width:70vh}@media screen and (max-width: 992px){.img{width:40vh}}@media screen and (min-width: 576px) and (max-width: 767px){.body-container{max-width:90%;gap:2rem}}@media screen and (min-width: 768px) and (max-width: 991px){.body-container{max-width:80%;gap:10vw}}@media screen and (min-width: 992px) and (max-width: 1199px){.body-container{max-width:70%;gap:4rem}}@media screen and (min-width: 1200px) and (max-width: 1980px){.body-container{max-width:60%;flex-direction:row-reverse;gap:4rem}.about-title{font-size:calc(60px + .390625vw);text-align:left}.about-text{text-align:left}}@media screen and (min-width: 1981px){.body-container{max-width:60%;flex-direction:row-reverse;gap:4rem}.about-title{font-size:calc(60px + .390625vw);text-align:left}.about-text{font-size:calc(16px + .390625vw);text-align:left}}.skills-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:calc(100vh - 175px);width:95%;margin:2rem 0}.text-container{max-width:600px}.skills-title{font-size:calc(50px + .390625vw);margin-bottom:2rem;text-align:center}.skills-p{font-size:calc(16px + .390625vw);margin-bottom:1rem;max-width:800px;text-align:center}.text-green{color:#018673;font-weight:800}@media only screen and (min-width: 1199px){.skills-container{flex-direction:row;gap:4rem}.skills-title,.skills-p{text-align:left}}.logo-container{margin-top:2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.icon-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.logo-icon{width:80px;height:80px;padding:1rem}.icon-container h3{font-size:calc(12px + .390625vw)}@media screen and (max-width: 1200px){.logo-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}.project-card{width:100%;max-width:370px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:1rem}.card-header{margin-bottom:1rem}.card-header img{width:100%;height:auto;padding:1rem}.card-body{font-size:calc(12px + .390625vw);padding:.2rem;text-align:center}.card-footer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:auto}.btn{font-size:calc(16px + .390625vw);width:120px;height:40px;background-color:#018673;border:1px solid #018673;color:#fff;border-radius:7px;cursor:pointer}.project-card img,.preview-container{width:350px;height:200px;padding:0;overflow:hidden}.preview{width:1920px;height:1080px;transform:scale(.19);transform-origin:0 0;border:none}@media screen and (min-width: 576px) and (max-width: 767px){.project-card{max-width:500px}.preview-container,.project-card img{width:550px;height:300px}.preview{width:1920px;height:1080px;transform:scale(.3)}}@media screen and (min-width: 768px) and (max-width: 991px){.project-card{max-width:600px}.preview-container,.project-card img{width:600px;height:300px}.preview{width:1920px;height:1080px;transform:scale(.3)}}@media screen and (min-width: 992px) and (max-width: 1199px){.project-card{max-width:600px}.preview-container,.project-card img{width:600px;height:300px}.preview{width:1920px;height:1080px;transform:scale(.3)}}@media screen and (min-width: 1200px) and (max-width: 1980px){.project-card{max-width:600px}.preview-container,.project-card img{width:600px;height:300px}.preview{width:1920px;height:1080px;transform:scale(.3)}}@media screen and (min-width: 1981px){.project-card{max-width:650px}.card-body{font-size:calc(11px + .390625vw);height:calc(150px + 2.2vw)}.preview-container,.project-card img{width:600px;height:300px}.preview{width:1920px;height:1080px;transform:scale(.3)}}.project-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;min-height:calc(100vh - 175px);padding-top:150px;margin:auto}.card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;margin:auto;gap:4rem}h2{font-size:5rem}.project-img{width:600px}.main-form{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;min-height:calc(100vh - 175px);width:100%;margin:auto;margin-bottom:1rem}.form-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:1.5rem}.input-box{width:70vw;height:100%;padding:10px;border:1px solid;border-radius:5px;outline:none;font-size:calc(16px + .390625vw)}.btn-submit{font-size:calc(16px + .390625vw);padding:1rem;border:1px solid #018673;border-radius:7px;background-color:#018673;color:#fff;cursor:pointer}::placeholder{color:#018673;opacity:1}@media screen and (min-width: 576px) and (max-width: 767px){.input-box{width:70vw}}@media screen and (min-width: 768px) and (max-width: 991px){.input-box{width:60vw}}@media screen and (min-width: 992px) and (max-width: 1199px){.input-box{width:50vw}}@media screen and (min-width: 1200px) and (max-width: 1980px){.input-box{width:40vw}}@media screen and (min-width: 1981px){.input-box{width:30vw}}.footer{display:flex;flex-direction:column;align-items:center;padding-bottom:1rem;margin-top:2rem}.footer-text{font-size:calc(7px + .390625vw);text-align:center;opacity:.7}