*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui}.app{display:flex;justify-content:center;flex-direction:column;scroll-behavior:smooth}.nav{display:flex;flex-direction:row;justify-content:space-between;padding:.5vw;background-color:#332528ee}.sticky{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 6px #0000001a}.logo{width:50px;height:50px;flex:1}.nav-links{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex:1}.nav-links li{color:#fff;font-weight:bolder;list-style:none;font-size:1.2rem;margin:1vw;text-shadow:.1vw .1vw .1vw #332525fa;cursor:pointer}.nav-links li:hover{color:#6a967d;transition:.5s}.toggleMenu{flex:1}@media (max-width: 768px){.nav-links li{margin:3vw}}.aboutme{margin-top:5vh}.line1{color:#e19898;font-weight:bolder;font-size:4vw}.line2{color:#a4a845;font-weight:bolder;font-size:6vw}.line3{color:#657928;font-weight:500;font-size:1.5vw}@media (max-width: 768px){.line1{font-size:13vw}.line2{font-size:15vw}.line3{font-size:4vw}}.imgContainer{display:flex}.imgCharacter{width:25vw}@media (max-width: 768px){.imgCharacter{width:50vw}}.home{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.home .content{flex:2;display:flex;justify-content:center;align-items:center;padding:1vw;margin:2vw}.stats{flex:1;background-color:#296954}.dropContainer{display:flex;padding-top:5vw;overflow:hidden}.dropdesign{display:flex;justify-content:center;align-items:end;margin:1vw 1vw 0vw 0vw;width:50vw;height:25vw;background-color:#788403;border-radius:30vw 0 25vw}@media (max-width: 768px){.home{flex-direction:row}.home .content{flex:1}.dropdesign{display:flex;justify-content:center;align-items:end;width:90vw;height:40vw;height:50vw;background-color:#788403;border-radius:30vw 0 25vw}}.techContainer{display:flex;flex-direction:column;margin:2vw}.techContainer h1{font-size:2vw;margin:1vw 1vw 0vw}.technologies{display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;padding:1vw;margin:1vw}@media (max-width: 768px){.techContainer h1{font-size:4vw}}.iconContainer{display:flex;justify-content:center;text-align:center;padding:1vw;max-height:20vw;background-image:url(../img/container.png);background-size:contain;background-repeat:no-repeat;transition:.5s;z-index:100}.iconContainer:hover{background-color:#ffc85a7e;box-shadow:0 0 .8vw #ffc85a7e;border-radius:1vw;cursor:pointer;transform:scale(1.2)!important;transition:.5s}.iconRowContainer{display:flex;justify-content:center;text-align:center;max-height:10vw;background-image:url(../img/container.png);background-size:contain;background-repeat:no-repeat;transition:.5s;z-index:100}.iconRowContainer:hover{background-color:#ffc85a7e;box-shadow:0 0 .8vw #ffc85a7e;scale:1.1;border-radius:1vw;z-index:100;cursor:pointer}.icon{width:8vw;height:6vw;margin:10px;box-shadow:0 10px 10px #0003;border-radius:20px}.iconRow{width:4vw;height:3vw;margin:3vw;border-radius:20px}@media (max-width: 768px){.iconContainer:hover{transform:scale(1.1)!important}.iconContainer{padding:2vw}.technologies .icon{width:16vw;height:14vw}.iconRowContainer{padding:1.5vw;max-height:15vw}.iconRow{width:10vw;height:8vw}}.upLeaves{display:flex;width:24vw;height:16vw;background-color:#788403;border:#788403 solid .8vw;box-shadow:.5vw 1.5vw 0 .5vw #08775f;border-radius:30vw 0 28vw 0vw;margin-right:9vw;overflow:hidden;transform-origin:bottom;flex-shrink:0;z-index:50;opacity:.9}.downLeaves{display:flex;width:24vw;height:16vw;background-color:#788403;border:#788403 solid .8vw;box-shadow:-.5vw -1vw 0 .1vw #08775f;border-radius:20vw 0vw;rotate:80deg;translate:-3vw -0vw;margin-bottom:3vw;margin-right:5vw;overflow:hidden;flex-shrink:0;z-index:-1}.leaveContainer{display:flex;flex-direction:column;width:20vw;height:24vw;gap:.5vw;transition:.9s;rotate:-35deg;cursor:pointer}.leaveContainer:hover{opacity:1;transition:.5s}.frac{display:flex;width:30vw;background-color:#90964fd2}.upLeave{flex:1;min-height:9vw;justify-content:center;background-size:cover;background-position:-2vw -1.4vw;background-repeat:no-repeat}.downLeave{flex:1.5;justify-content:center}.textContainer{display:flex;flex-direction:column;justify-content:flex-start;font-size:1vw;width:15vw;transition:.5s}.proyectTitle{color:#cbf3ff;font-size:1vw;font-weight:700;transition:.5s}@media (max-width: 768px){.upLeaves{width:48vw;height:32vw}.downLeaves{border-radius:30vw 0 28vw 0vw;width:48vw;height:32vw;translate:-3vw -.5vw}.leaveContainer{width:44vw;height:40vw}.downLeave{flex:1}.textContainer{font-size:2vw;width:30vw}.proyectTitle{font-size:2vw}.frac{width:60vw}.upLeave{min-height:18vw;background-position:-2vw -1.4vw}}.proyectsContainer{display:flex;flex-direction:column;text-align:center;background-color:#98cae8}.titleProyects{flex:1;font-size:3vw;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);padding-top:2vw}.branchContainer{display:flex;width:200vw;flex:3;flex-direction:column;overflow-x:scroll;overflow-y:hidden;translate:-0vw -3vw;direction:rtl}.branchContainer>*{direction:ltr}.branchContainer::-webkit-scrollbar{height:2vw}.branchContainer::-webkit-scrollbar-track{background:#98cae8}.branchContainer::-webkit-scrollbar-thumb{border-radius:1vw;border:#98cae8 .5vw solid;background-color:#98cae8}.branchContainer::-webkit-scrollbar-thumb:hover{background:#98cae8}.branch{display:inline-flex;justify-content:flex-end;flex-direction:column;z-index:5;width:250vw;scale:.8;translate:-30vw 0vw}.trunk{display:flex;width:140vw;height:4vw;border-radius:0vw 0vw 10vw 0;border:#692d15 .5vw solid;background-color:#7e361a;justify-content:flex-end}.trunkhole{height:3vw;width:4vw;border-radius:10vw 0vw 10vw 0;border:#552410 .4vw solid;background-color:#692d15}.leaves{display:flex;flex:1;justify-content:start;flex-direction:row}.decobranchcute{max-height:2vw;background-color:#98cae8}@media (max-width: 768px){.proyectsContainer{padding-top:10vw;padding-bottom:10vw}.titleProyects{font-size:4vw;padding-bottom:1vw}.leaves{flex:2}.titleProyects{margin:5vw}.branchContainer{width:100%;padding-bottom:6vw;overflow-x:scroll;overflow-y:hidden;scale:1.1}.trunk{height:8vw;width:240vw;border:#692d15 1vw solid}.trunkhole{height:5vw}.branchContainer::-webkit-scrollbar{height:4vw}.branchContainer::-webkit-scrollbar-thumb{border-radius:2vw}.branch{scale:1;translate:-10vw 0vw}}.branchContainerDeco{display:flex;width:50vw;flex:1;flex-direction:column;padding-top:1vw;padding-bottom:1vw;margin:0vw;padding:0vw;z-index:-2}.branchDeco{display:inline-flex;justify-content:flex-end;flex-direction:column;z-index:5;width:15vw}.trunkDeco{display:flex;width:65vw;height:3vw;border-radius:0vw 0vw 10vw 0;border:#692d15 .5vw solid;background-color:#7e361a;translate:-8vw 1vw;justify-content:flex-end}.trunkholeDeco{height:2vw;width:2vw;border-radius:10vw 0vw 10vw 0;border:#552410 .4vw solid;background-color:#692d15}.leavesDeco{display:flex;justify-content:start;flex-direction:row}.upLeavesDeco{display:flex;width:10vw;height:15vw;background-color:#788403;border:#788403 solid .8vw;box-shadow:.5vw 1.5vw 0 .5vw #08775f;border-radius:30vw 0 28vw 0vw;margin-right:3vw;overflow:hidden;transform-origin:bottom;flex-shrink:0;z-index:-1;rotate:20deg;translate:-10vw 2vw;opacity:.9}.small{width:8vw;height:10vw}.downLeavesDeco{display:flex;width:10vw;height:15vw;background-color:#788403;border:#788403 solid .8vw;box-shadow:-.5vw -1vw 0 .1vw #08775f;border-radius:20vw 0vw;rotate:85deg;translate:2vw -4vw;margin-right:3vw;overflow:hidden;flex-shrink:0;z-index:-1}.leaveContainerDeco{display:flex;flex-direction:column;gap:.5vw;transition:.9s;rotate:-35deg;cursor:pointer}.leaveContainerDeco:hover{opacity:1;transition:.5s}.fracDeco{display:flex;width:30vw;background-color:#90964fd2}.upLeaveDeco{flex:1;min-height:9vw;justify-content:center;background-size:cover;background-position:-2vw -1.4vw;background-repeat:no-repeat}.downLeaveDeco{flex:1.5;justify-content:center}.cornerRightLDeco{width:15vw;height:10vw;background-color:#788403;border:#788403 solid .8vw;box-shadow:.5vw 1.5vw 0 .5vw #08775f;border-radius:30vw 0 28vw 0vw;overflow:hidden;transform-origin:bottom;flex-shrink:0;transform:rotate(85deg) translate(-5vw,-10vw);opacity:.9;z-index:-1}.contactContainer{display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:#98cae8;height:100vh}.upContactContainer{flex:2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%}.sectionRight{flex:1;display:flex;justify-content:end;align-items:center}.sectionLeft{flex:1;display:flex;align-items:center}.cornerDecor{padding:0vw;margin:0vw}.titleContact{display:flex;justify-content:center;align-items:center;flex:1;background-color:#98cae8}.titleContact h2{font-size:3.5vw;color:#fff}.middleContactContainer{display:flex;flex-direction:row;flex:4}.wave{flex:1;width:105vw;margin-top:1vw;background-color:#5faaff;border-radius:30vw/5vw 5vw 0 0}.downContactContainer{flex:4;width:100vw;background-image:radial-gradient(ellipse farthest-corner at 50vw 0vw,#5faaff 50vw,#ffffffea 0%,#21643b 50%)}@media (max-width: 768px){.upContactContainer{flex:3}.cornerDecor{scale:2}.titleContact h2{font-size:5.5vw;color:#fff}.middleContactContainer{flex:2}.wave{flex:.5}.downContactContainer{flex:1;background-image:radial-gradient(ellipse farthest-corner at 50vw 1vw,#5faaff 50vw,#ffffffea 0%,#21643b 50%)}}