:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0b0c25fd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-link: #6e4e81b6;--color-link-active: #f78d4fb6}html,body{margin:0;padding:0;width:100vw;height:100vh;position:relative;overflow:hidden}header{display:flex;align-items:center;text-align:center;justify-content:space-between;flex-direction:row;padding:.3rem 1rem 0;flex-wrap:wrap}.container-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.container-title>h1{margin:0}.container-title>ul{list-style-type:none;display:flex;justify-content:space-around;gap:2rem;padding:0;margin:0}.container-title>ul>li>a>img{height:1.4rem}.menu-desktop{display:flex;align-items:center;text-align:center;flex-direction:column;padding:1rem;flex-wrap:wrap;display:none}.menu-desktop>h1{margin:.5rem 0}.menu-desktop>.nav-link a{position:relative;margin:0 1rem;color:var(--color-link-active);text-decoration:none;font-weight:500;padding:8px 12px;transition:color .3s ease}.menu-desktop>.nav-link a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#7f00ff,#e100ff);transition:all .4s ease;transform:translate(-50%);border-radius:1px}.menu-desktop>.nav-link a.active{color:#7f00ff}.menu-desktop>.nav-link a.active:after{width:80%}.menu-mobile>#btn-menu-mobile{all:unset;cursor:pointer;font-size:larger}.menu-mobile>.menu-not{display:none}.menu-not{transform:translate(100%)}.menu-show{transform:translate(0)}.menu{border:none;position:fixed;top:0;right:0;min-width:250px;display:flex;flex-direction:column;background-color:#faf8f8;padding:1rem 0 0;z-index:1000;box-shadow:-2px 0 8px #0000001a;transition:transform 10.1s ease-in-out}.menu-mobile>.menu-show>.nav-link{border:none;display:flex;flex-direction:column;background-color:#faf8f8;border-radius:8px}.nav-link a:hover{color:#fff}.menu-mobile>.menu-show>.nav-link>#btn-menu-close{all:unset;cursor:pointer;font-size:32px;color:#050000b9;margin-right:.5rem;align-self:flex-end;padding:0 12px}.menu-mobile>.menu-show>.nav-link a{border-bottom:.6px rgba(129,126,126,.205) solid;color:#050000b9;text-decoration:none;padding:.5rem;font-weight:500}footer{color:var(color);text-align:center;font-size:13px;padding:.1rem}#app{margin:0;padding:0;height:100%;display:flex;flex-direction:column;overflow-y:auto}#main{height:100%;display:flex;padding:0 1rem}#animation-container{height:90vh;width:90vw;display:flex;place-items:center}#home,#about,#services,#projects{padding:1rem 0;margin:0;display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;width:100%}#about>.about-container,#services>.services-container{padding:8rem 0}#about>.about-container>p{font-size:clamp(.1rem,5vw,1.25rem)}#about>.about-container>.container-img{display:flex;justify-content:center;align-items:center;margin:30px 0;box-shadow:0 4px 8px #0000001a;border-radius:15px;background-color:#f9f9f91a;padding:8px}#about>.about-container>.container-img>img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#7f00ff,#e100ff) border-box;background-clip:padding-box,border-box;background-origin:border-box;box-shadow:0 8px 16px #00000040;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}#about>.about-container>.container-img>img:hover{transform:scale(1.05) rotate(3deg);box-shadow:0 12px 24px #00000059}#services>.services-container>p{font-size:clamp(.1rem,5vw,1.25rem)}#home>.container-home{display:flex;flex-direction:column;justify-content:space-around;justify-items:center;text-align:center;width:100%;height:100%;color:#cfceccfd;flex-wrap:wrap}#home>.container-home,.container_text>h2 p{font-size:clamp(.1rem,5vw,1.25rem)}#home>.container-home,.container_text{margin:0;display:flex;text-align:center;flex-direction:column;flex-wrap:wrap}#home>.container-home>.container_text h2{margin:0;font-weight:500;line-height:118%;font-size:clamp(2.9rem,5vw,4.25rem);display:inline-block;background:linear-gradient(120deg,#fff,#06b6d4,#624dc4 60%,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shine 5.5s linear infinite}#home>.container-home>.container_text p{line-height:126%;font-size:clamp(1.2rem,3vw,1.75rem);white-space:normal;word-break:break-word;overflow-wrap:break-word}.container-technology{display:flex;flex-direction:row;justify-content:center;justify-items:center;gap:2rem;overflow:hidden}.carousel{overflow:hidden;width:100%}.carousel-track{display:flex;gap:20px;will-change:transform}.card-techs-icons{border:1.5px solid #ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:linear-gradient(45deg,#b829f1c0,#92bdfef8);border-radius:10px;padding:.2rem 1rem;width:78px}.card-techs-icons span{font-size:13.2px;margin:0;color:#fff}.dot{position:absolute;width:1.5px;height:1.5px;background-color:#c59dfa;border-radius:50%;pointer-events:none}.fade-in-text{opacity:0;transform:translateZ(-20px) scale(.95);animation:fadeInFromBack 1.5s ease-out forwards}#projects>.projects-container{margin:0;display:flex;width:100%;text-align:center;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap}#projects>.projects-container span{margin:0;font-size:5rem}#projects>.projects-container h2{margin:0}@keyframes shine{to{background-position:200% center}}@keyframes fadeInFromBack{0%{opacity:0;transform:translateZ(-20px) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}@media (min-width: 480px){.container_text h2{font-size:38px}}@media (min-width: 768px){#home>.container-home #about>.about-container,#services>.services-container{padding:2.5rem 1rem}#home>.container-home{width:95%;height:100%}.container_text h2{font-size:48px}.container_text p{font-size:22px}header{display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column;padding:1rem;flex-wrap:wrap}.container-title{justify-content:center;align-items:center}.menu-desktop{display:block}.menu-mobile{display:none}}@media (min-width: 1280px){#about>.about-container,#services>.services-container{padding:.5rem 18rem}.container_text h2{font-size:68px}.container_text p{font-size:22px}#home>.container-home{width:65%;height:100%}}