: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden}html{box-sizing:border-box}*,*:after,*:before{box-sizing:inherit}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff}::-webkit-scrollbar{position:absolute;width:4px;background-color:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{height:1px;background-color:#ffffff80;border-radius:10px}hr{width:95%;margin:0 auto;color:#555}.everythingContainer{width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column}header{width:100vw;height:20vh;position:fixed;display:flex;justify-content:space-around;align-items:center;z-index:50;background-color:transparent;transition:all 1s ease;top:0;left:0;overflow:hidden}.nonTop{height:8vh;background-color:#fff}.nonTop ul{color:#555}header #headerLogo{width:15%;transition:all 1s ease}header #lauLogoDark{width:10%;transition:all 1s ease;cursor:pointer}header ul{width:60%;display:flex;justify-content:flex-end;align-items:center;list-style-type:none;color:#fff;gap:40px}header ul li{font-size:1em;font-weight:600;cursor:pointer}header ul li i{margin-left:3px;transition:all 1s ease}header ul li:hover i{transform:translateY(5px)}.headerButton{--accent: #7d2ae8;font-size:.9em;border:none;border-radius:.5em;background-color:#212121;cursor:pointer;color:#fff;padding:.5em 1em;transition:background-color ease-in-out .1s,letter-spacing ease-in-out .1s,transform ease-in-out .1s}.headerButton:focus{outline:none}#buttonNonTop{background-color:#7d2ae8;transition:background-color ease-in-out .1s}.headerButton:hover{transition:background-color ease-in-out .1s,letter-spacing ease-in-out .1s,transform ease-in-out .1s}.headerButton:active{box-shadow:var(--accent) 0 0 30px 5px;background-color:var(--accent);transform:scale(.95)}.heroSection{width:100%;height:100vh;background-image:url(/assets/saturn-C290VaRX.jpg);background-position:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:1em;z-index:2}.heroSection .heroLogo{width:80%;pointer-events:none;-webkit-user-select:none;user-select:none}.heroSection img{width:80%}.resumeSection{width:100%;background-color:#fff;display:flex;color:#555;justify-content:center;align-items:center;text-align:center;flex-direction:row;padding:5%;letter-spacing:5px;font-size:1em;gap:40px}.resumeSection .image-section{position:relative;width:50%;height:100%;display:flex;justify-content:center;align-items:center}.resumeSection .rotating-circle{position:absolute;width:70%;animation:spinning 10s linear infinite;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.image-container{position:relative;width:45%;pointer-events:none;-webkit-user-select:none;user-select:none}.resumeSection .resume-lautaro{width:100%;animation:hovering 5s ease-in-out infinite}@keyframes hovering{0%{transform:translate(0)}50%{transform:translateY(-10px)}to{transform:translate(0)}}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0 60%,#fff 95%);animation:hovering 5s ease-in-out infinite}@keyframes spinning{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.resumeSection .info-section{width:50%;height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;text-align:start;font-size:1em}.resumeSection .info-section .nameContainer{height:100%;display:flex;flex-direction:column;justify-content:flex-end;font-size:2em}.resumeSection .info-section .nameContainer h2{font-size:.6em}.resumeSection .info-section .description{height:100%;display:flex;justify-content:center;flex-direction:column;font-size:1vw;margin:15px 0}.socialMedia{height:100%}.cvButton{--accent: #7d2ae8;font-size:.9em;border:none;border-radius:.5em;background-color:#7d2ae8;cursor:pointer;color:#fff;padding:.5em 1em;transition:background-color ease-in-out .1s,letter-spacing ease-in-out .1s,transform ease-in-out .1s}.cvButton:focus{outline:none}.cvButton:hover{transition:background-color ease-in-out .1s,letter-spacing ease-in-out .1s,transform ease-in-out .1s}.cvButton:active{box-shadow:var(--accent) 0 0 30px 5px;background-color:var(--accent);transform:scale(.95)}.projectSection{width:100%;background-color:#fff;display:flex;color:#555;justify-content:center;text-align:center;flex-direction:column;padding:1%;letter-spacing:5px;font-size:1em;gap:40px}.projectsContainer{display:flex;justify-content:center;align-items:center;flex-direction:column}.bigProject{width:95%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}.project{position:relative;display:flex;justify-content:flex-end;align-items:center;flex-direction:row-reverse;width:100%;height:80vh;padding:0 0 0 7%;list-style-type:none;color:#000}.project:nth-child(2n){flex-direction:row;padding:0 7% 0 0}.project-background{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:center;width:65%;height:90%;cursor:pointer;z-index:5;transition:transform .5s ease-in-out;border-radius:50%}.project-background video{border-radius:10px}.project-background img{border-radius:10px}.project-content{position:absolute;right:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;color:#555;font-size:1.7em}.project:nth-child(2n) .project-content{align-items:flex-end}.project-content h2{width:40%;transition:all .5s ease-in-out;letter-spacing:10px;opacity:0}.project-content p{width:40%;font-size:.8em;transition:all .5s ease-in-out .2s;opacity:0}.project-content img{width:5%}.project-content .imagenes{width:40%;display:flex;justify-content:center;align-items:flex-end;gap:5px;transition:all .5s ease-in-out .4s;margin-top:10%;opacity:0}.project-background:hover{transform:translate(-8vw)}.project-background:hover~.project-content h2,.project-background:hover~.project-content p,.project-background:hover~.project-content .imagenes{transform:translate(160%);opacity:1}.project:nth-child(2n) .project-background:hover{transform:translate(10%)}.project:nth-child(2n) .project-background:hover~.project-content h2,.project:nth-child(2n) .project-background:hover~.project-content p,.project:nth-child(2n) .project-background:hover~.project-content .imagenes{transform:translate(-160%);opacity:1}.carousel{width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;overflow-x:hidden}.carouselSlides{width:100%;height:35vw;display:flex;flex-direction:row;overflow-y:hidden;font-family:system-ui}.carouselSlides::-webkit-scrollbar{display:none}.carouselSlides::-webkit-scrollbar-track{display:none}.carouselSlides::-webkit-scrollbar-thumb{display:none}.slide{width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;gap:1vw;flex-shrink:0}.slide img{width:50vw;height:25vw}.slide .textContainer{width:35vw;height:23vw;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;font-size:1vw}.slide .textContainer .imagenes{width:100%;display:flex;justify-content:flex-start;align-items:flex-end;gap:5px;margin-top:5%}.slide .textContainer .imagenes img{width:8%;height:100%}h1{margin-block-end:0}.switcherContainer{width:100%;height:30%;display:flex;justify-content:center;align-items:center;gap:3vw}.imgButton{background-size:cover;background-position:center;width:9vw;height:9vw;border:none;cursor:pointer;transition:transform .3s ease,border .1s ease}.imgButton:hover{transform:scale(1.1)}.imgButton:focus{border:3px solid #7d2ae8;outline:none}.imgButton:nth-child(1){background-image:url(eestn1.png)}.imgButton:nth-child(2){background-image:url(coffee.png)}.imgButton:nth-child(3){background-image:url(apuntes.png)}.carouselButton{margin-top:2vh;--accent: #7d2ae8;font-size:.9em;border:none;border-radius:.5em;background-color:#7d2ae8;cursor:pointer;color:#fff;padding:.5em 1em;transition:background-color ease-in-out .1s,letter-spacing ease-in-out .1s,transform ease-in-out .1s}.carouselButton:focus{outline:none}.carouselButton:hover{transition:background-color ease-in-out .1s,letter-spacing ease-in-out .1s,transform ease-in-out .1s}.carouselButton:active{box-shadow:var(--accent) 0 0 30px 5px;background-color:var(--accent);transform:scale(.95)}.skillsSection{width:100%;height:100vh;background-color:#fff;display:flex;color:#555;justify-content:center;flex-direction:column;text-align:center;padding:2%;letter-spacing:5px;font-size:1em;gap:40px}.skillsContainer{height:100%;width:100%;display:flex;align-items:center;flex-direction:row;overflow-x:scroll}.skillsSelector{width:50%;height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding-left:8%;font-size:1.5em;flex-shrink:0}h3{margin-bottom:6%}h6{margin-bottom:2%}.skillsSelector .skillsList{height:15%;display:flex;gap:20px;margin-bottom:10%}.skillsSelector .softwareSuitContainer{height:20%;display:flex;gap:5px}.skillsSelector .skillsList .skills{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;list-style-type:none}.skills img{width:5vw;cursor:pointer}.softwareSuit img{width:3vw;cursor:pointer}.softwareSuit{width:50%;height:40%;list-style-type:none}.skillsHighlights{width:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3px;font-size:.7em;padding-bottom:4%;flex-shrink:0}.skillsLogo{width:70%;height:55%;border:2px solid #555;background:linear-gradient(135deg,#121212 25%,#1a1a1a 25%,#1a1a1a 50%,#121212 50%,#121212 75%,#1a1a1a 75%,#1a1a1a);background-size:40px 40px;display:flex;justify-content:center;align-items:center;margin-bottom:2%;animation:move 4s linear infinite;perspective:800px;transition:all 1s ease;flex-shrink:0}.skillsLogo img{width:10vw;height:auto;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.skillsLogo.moveUp{margin-bottom:30%;transition:all 1s ease}.skillsLogo.inPosition{transition:all 0s ease}.skillsInfo{width:70%;height:45%;display:none;justify-content:center;align-items:flex-start;flex-direction:column;gap:10px;font-size:1.1vw;transition:opacity .5s ease;padding-left:2%}.skillsInfo>*{opacity:0;transform:translateY(15px)}.skillsInfo.animate>*{animation:fadeUp .5s ease forwards}.skillsInfo.animate>*:nth-child(1){animation-delay:.05s}.skillsInfo.animate>*:nth-child(2){animation-delay:.15s}.skillsInfo.animate>*:nth-child(3){animation-delay:.25s}.skillsInfo.animate>*:nth-child(4){animation-delay:.35s}.skillsInfo.animate>*:nth-child(5){animation-delay:.45s}.skillsInfo.fadeOut{opacity:0}.skillsInfo div{width:100%;display:flex;justify-content:flex-start;align-items:center;text-align:start}.skillsInfo div span{display:flex;justify-content:center;align-items:center;width:10%;flex-shrink:0}.skillsInfo div i{font-size:1.6em}.backButton{margin-top:5%;font-size:2em;cursor:pointer}@keyframes move{0%{background-position:0 0}to{background-position:40px 40px}}.skillsDescription{position:relative;width:50%;height:0%;padding:0;display:flex;justify-content:center;text-align:start;flex-direction:column;gap:3px;font-size:1.1vw;flex-shrink:0;overflow:hidden;transition:all 1s ease-in-out;border-top:3px solid #222;border-bottom:3px solid #222}.skillsDescription h1{text-align:center;margin-bottom:3%}.skillsDescription p{margin-bottom:1%}.skillsDescription.active{height:100%;padding:5vw}.skillsDescription:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#222 0%,#222 10%,transparent 10%,transparent 90%,#222 90%,#222 100%)}.skillsDescription:after{content:"";position:absolute;right:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#222 0%,#222 10%,transparent 10%,transparent 90%,#222 90%,#222 100%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}footer{background-color:transparent;width:100%;height:60vh;color:#121212;display:flex;justify-content:center;align-items:center;flex-direction:column}footer .links{width:100%;height:80%}footer .other-info{background-color:#212121;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:3% 2% 3% 0;color:#717171}footer .other-info .link-section{background-color:transparent;width:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.link-section .link-top{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.link-section .link-top img{width:30%;-webkit-user-select:none;user-select:none;animation:hovering 3s ease-in-out infinite}.link-section .link-top .link-container{width:40%;height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding-left:50px}.link-section .link-top .link-container h2{margin-bottom:10px}.link-container a{color:#717171;text-decoration:none}.link-section .contact{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:10vw;gap:10px}.link-section .contact .fontAwesome{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.link-section .contact .textos{height:100%;display:flex;flex-direction:column;justify-content:center;gap:3px}footer .other-info .social-section{width:20%;height:82%;display:flex;justify-content:center;align-items:center;align-self:center;flex-direction:column}footer .other-info .contact-section{width:30%;height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:30px}.button{position:relative;padding:10px 22px;border-radius:6px;border:none;color:#fff;cursor:pointer;background-color:#7d2ae8;transition:all .2s ease;z-index:4}.button:active{transform:scale(.96)}.button:before,.button:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translate(-50%);z-index:10;background-repeat:no-repeat}.button:hover:before{top:-70%;background-image:radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 20%,#7d2ae8 20%,transparent 30%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 10%,#7d2ae8 15%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .6s ease}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.button:hover:after{bottom:-70%;background-image:radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 10%,#7d2ae8 15%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0%;animation:greenbottomBubbles .6s ease}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.center{width:100%;height:50%;display:flex;align-items:flex-start;justify-content:center;padding-top:10px}#social-test{text-align:center;font-size:30px}#social-test h2{color:#fff;font-family:Futura,Trebuchet MS,Arial,sans-serif;font-weight:100}.social{list-style:none;display:flex;margin:0;padding:0}.social li{color:#555;width:50px;height:50px;line-height:50px;cursor:pointer;margin-left:10px;margin-bottom:20px;transition:ease .3s}.social li a{color:#555;text-decoration:none}.social li:first-child{margin-left:0}.social li:hover{color:#555;text-decoration:none}.social:hover li{opacity:.5}.social:hover li:hover{opacity:1}.form-container{width:100%;height:100%;background:linear-gradient(#212121,#212121) padding-box,linear-gradient(145deg,transparent 35%,#e81cff,#40c9ff) border-box;border:2px solid transparent;padding:15px 12px;font-size:14px;font-family:inherit;color:#fff;display:flex;flex-direction:column;gap:4px;border-radius:16px;background-size:200% 100%;animation:gradient 5s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-container button:active{scale:.95}.form-container .form{width:100%;height:100%;display:flex;flex-direction:column;gap:15px}.form-container .form-group{height:30%;display:flex;flex-direction:column;gap:2px}.form-container .form-group label{display:block;margin-bottom:5px;color:#717171;font-weight:600;font-size:12px}.form-container .form-group input{width:100%;padding:12px 16px;border-radius:8px;color:#fff;font-family:inherit;background-color:transparent;border:1px solid #414141}.form-container .form-group textarea{width:100%;padding:12px 16px;border-radius:8px;resize:none;color:#fff;height:96px;border:1px solid #414141;background-color:transparent;font-family:inherit}.form-container .form-group input::placeholder{opacity:.5}.form-container .form-group input:focus{outline:none;border-color:#e81cff}.form-container .form-group textarea:focus{outline:none;border-color:#e81cff}.form-container .form-submit-btn{display:flex;align-items:flex-start;justify-content:center;align-self:flex-start;font-family:inherit;color:#717171;font-weight:600;width:40%;background:#313131;border:1px solid #414141;padding:12px 16px;font-size:inherit;gap:8px;margin-top:2px;cursor:pointer;border-radius:6px}.form-container .form-submit-btn:hover{background-color:#fff;border-color:#fff}@media (max-width: 1200px){.modalContainer .project-thumbnail{width:70%}}@media (max-width: 670px){.resumeSection{height:auto;flex-direction:column;justify-content:center;align-items:center;padding-top:50px;gap:100px}.modalContainer .project-thumbnail{width:90%}.resumeSection .rotating-circle{position:absolute;width:100%;animation:spinning 10s linear infinite;z-index:1}.resumeSection .info-section{width:80%;justify-content:center;text-align:center;gap:20px}.modalContainer .data-box{width:100%;word-break:break-word}.socialMedia,.button{align-self:center}.projectsContainer{justify-items:center;align-items:center}.project{width:80%}.image-container{position:relative;width:70%}.skillsSection{height:auto;flex-direction:column;justify-content:center;align-items:center}.skillsSection .showing-info{width:100%;height:auto;flex-direction:column;gap:20px}.skillsSection .technologies,.skillsSection .software-suit{width:100%;flex-wrap:nowrap}.skillsSection .showing-info .description-skill{width:100%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:.5em}.tech-container{width:100%;flex-direction:row;flex-wrap:nowrap}footer{height:auto}footer .other-info{flex-direction:column;padding-top:30px;gap:40px}.link-section .link-top{justify-content:center}footer .other-info .contact-section{width:80%}footer .other-info .link-section{width:100%;flex-direction:column}footer .other-info .social-section{width:60%}}:root{--bg: #181820}#root{background-color:#fff}h2{font-size:1em}