@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,200&display=swap";#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial,sans-serif;min-height:100vh;margin:0;padding:0;background-color:#1e1e1e;color:#3f0;transition:background-color .3s;flex-wrap:wrap}body:hover{background-color:#000}header{background-color:#000c;color:#fff;display:flex;justify-content:space-between;align-items:center;transition:background-color .5s,height .8s;position:fixed;width:100%;z-index:1000;height:100px;top:0;left:0}header.shrink h1{font-size:1.5rem;margin:15px}header.shrink{height:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080}header.shrink .navbar{margin:10px}header:hover{background-color:#121212}header h1{margin:30px;font-size:2rem;transition:color .3s}header:hover h1{color:#3f0}header.shrink .icon img{width:15px}.navbar{text-align:right;display:flex;justify-content:flex-end;width:100%;margin:20px}.icon img{width:20px;height:auto}.menu{list-style:none;display:flex;gap:20px}.menu li{font-size:24px;font-family:Montserrat,sans-serif}.menu li a{text-decoration:none;color:#fff;transition:color .3s ease-in-out}.menu li a:hover{color:#3f0}.hidden{opacity:0;transition:all 2s;filter:blur(5px);transform:translate(-100%)}.show{opacity:1;filter:blur(0);transform:translate(0)}.title{position:relative;display:block;text-align:center;font-family:Montserrat,sans-serif;font-size:3rem;color:#3f0;margin-bottom:80px}.title:after{content:"";position:absolute;bottom:-15px;left:50%;height:4px;width:100vw;background-color:#3f0;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .7s ease-in-out}.title:hover:after{transform:translate(-50%) scaleX(1)}section{height:100vh;width:100vw;scroll-snap-align:start;justify-content:center;align-items:center;overflow-y:scroll;overflow:hidden}.container{min-height:100vh;overflow:hidden}h1,h2,h3,p{margin-top:0}section[id]{scroll-margin-top:100px}#about{display:flex;flex-direction:column;align-items:flex;justify-content:center;text-align:left;min-height:100vh;gap:1rem}#about h1,#about h2,#about h3,#about p{margin:.5rem 0}#title2{position:relative;color:#fff;margin-left:451px;margin-top:-170px;font-size:20px;z-index:1}#NAME{position:relative;color:#fff;margin-left:448px;font-size:50px;margin-top:-20px;z-index:1}h2{font-size:5vw;margin-top:-150px}#aboutMe{margin-top:-50px;flex-direction:column;color:#ffffffc9;font-size:20px;max-width:800px;margin-left:450px;position:relative;z-index:1}button{color:#fff;text-decoration:none;font-size:40px;border:none;background:none;font-weight:600;font-family:Montserrat,sans-serif;margin-top:-40px}button:before{margin-left:auto}button:after,button:before{content:"";width:0%;height:2px;background:#3f0;display:block;transition:.5s}button:hover:after,button:hover:before{width:100%}.btn{font-size:17px;background:transparent;border:none;padding:1em 1.5em;color:#ffedd3;text-transform:uppercase;position:relative;transition:.5s ease;cursor:pointer;margin-top:10px}.btn:before{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:#ffc506;transition:.5s ease}.btn:hover{color:#1e1e2b;transition-delay:.5s}.btn:hover:before{width:100%}.btn:after{content:"";position:absolute;left:0;bottom:0;height:0;width:100%;background-color:#010101;transition:.4s ease;z-index:-1}.btn:hover:after{height:100%;transition-delay:.4s;color:#f0f8ff}.cards{align-items:center;text-align:center;display:flex;flex-wrap:nowrap;justify-content:space-around;background-color:#000;gap:15px}.cards .card{height:400px;width:250px;border-radius:10px;color:#fff;cursor:pointer;transition:.4s}.cards .card p.tip{font-size:2em;font-weight:700}.cards .card p.second-text{font-size:.7em}.cards .card:hover{transform:scale(1.1)}.cards:hover>.card:not(:hover){filter:blur(10px);transform:scale(.9)}.gallery{display:flex;flex-wrap:wrap;padding:0%;margin-top:100px;margin-left:auto;margin-right:auto;justify-content:center}.buttonProject{position:relative;overflow:hidden;display:flex;padding:0;margin:5px;border:none;background:none;cursor:pointer;opacity:0;transform:translateY(50px);transition:transform 1.5s ease-out,opacity 1.2s ease-out}.buttonProject.appear{opacity:1;transform:translateY(0)}.buttonProject img{width:480px;height:auto;object-fit:cover;object-position:center;transition:opacity .5s ease;top:0;left:0}.buttonProject:hover .overlay{opacity:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f0;align-items:center;justify-content:center;opacity:0;transition:opacity .7s ease;text-align:center}.overlay h3{font-size:50px;font-family:Bebas Neue,sans-serif;color:#3f0;margin-bottom:10px}.overlay p{font-family:DM Sans,sans-serif;color:#3f0;margin-bottom:10px}.social-btn{width:44px;height:44px;border-radius:50%;background:#ffffff08;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-btn svg{fill:#fffffff2;transition:all .3s ease}.social-btn:hover{background:#3f0;transform:scale(1.2)}.social-btn.linkedin:hover svg{fill:#0077b5}.social-btn.github:hover svg{fill:#333}.blur-text{display:inline-block;filter:none}.blur-text .blur-char{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(6px);transition:opacity .6s ease,filter .6s ease,transform .6s ease;transition-delay:calc(var(--i) * 40ms)}.blur-text.is-visible .blur-char{opacity:1;filter:blur(0);transform:translateY(0)}.name-letters span:nth-child(1),.name-letters span:nth-child(5){color:#3f0}.footer{background:#111;border-top:1px solid #0f0}.footer__content{display:flex;align-items:center;justify-content:center;gap:16px}.footer__name{color:#3f0;font-family:Montserrat,sans-serif;letter-spacing:.5px}.footer__icons{display:flex;gap:12px}.footer__icon{width:28px;height:28px;cursor:pointer;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}@keyframes hueCycle{0%{filter:hue-rotate(200deg) saturate(1.2)}50%{filter:hue-rotate(280deg) saturate(1.2)}to{filter:hue-rotate(120deg) saturate(1.2)}}.icon-animated{animation:hueCycle 3s linear infinite alternate}.Portada{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0;box-sizing:border-box;position:relative}#photo{display:block;max-width:50vw;height:auto;transition:all .3s ease;z-index:0;margin:0}#Icon{width:7vw;margin-right:5vw;transition:all .3s ease}.icon{text-align:left;padding:0;margin-left:20px;margin-top:10px;position:absolute;height:auto}.btn-contacto{background:none;border:none;cursor:pointer}.btn-contacto img{width:50px;height:50px}.contenedor{margin-top:80px;display:flex;justify-content:center;align-items:center}#contact{height:auto;min-height:100vh;padding:60px 0 80px;overflow:visible}.contact-form{max-width:560px;margin:0 auto;padding:24px;background:#0009;border:1px solid #0f0;border-radius:10px;box-shadow:0 6px 20px #0006}.form-row{display:flex;flex-direction:column;margin-bottom:14px}.form-row label{color:#3f0;margin-bottom:6px;font-family:Montserrat,sans-serif}.form-row input,.form-row textarea{background:#0b0b0b;color:#e8ffe8;border:1px solid #0f0;border-radius:6px;padding:10px 12px;outline:none}.form-row input:focus,.form-row textarea:focus{box-shadow:0 0 0 2px #33ff0040}.btn--primary{border:1px solid #0f0;color:#0f0;background:#000}.btn--primary:hover{background:#0f0;color:#000}.form-status{color:#a0ffa0;margin-top:8px;font-size:14px}#fiuba-logo{width:200px;height:200px;margin-left:140px;margin-top:50px;animation:rotate 20s linear infinite;position:relative;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#skill{margin-top:-90px;align-items:center;color:#0f0;font-size:60px;font-family:Montserrat,sans-serif;position:relative;text-align:center}@keyframes translateThenRotate{0%{transform:translateY(50px);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(0)}}.skill{margin-right:10px;font-size:60px;transition:filter .4s ease,transform 1.5s ease-out,opacity 1.2s ease-out;opacity:0;transform:translateY(50px)}.skill.appear{opacity:1;transform:translateY(0)}.skill.react{filter:none;animation:translateThenRotate 3s ease-out forwards,rotate 20s linear infinite}.skilss{transition:transform 1.5s ease-out,opacity 1.2s ease-out;opacity:0;transform:translateY(50px)}.skilss.appear{opacity:1;transform:translateY(0)}.openMenu,.closeMenu,.PhoneTitle,.social-buttons{display:none}@media (max-width: 500px){.footer__content{gap:12px}.footer__icon{width:24px;height:24px}header{height:80px}section[id]{scroll-margin-top:80px}#Icon{width:50px;height:auto;margin-right:100px}.PhoneTitle{display:contents;font-size:18px}.overlay h3{font-size:40px;margin-top:10px}.overlay p{font-size:12px}.buttonProject{width:100%;height:20vh;position:relative;overflow:hidden;display:flex;flex-wrap:nowrap;padding:0;border:none;background:none;cursor:pointer}.buttonProject img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s ease;top:0;left:0}button{color:initial;text-decoration:initial;font-size:initial;border:initial;background:initial;font-weight:initial;font-family:initial;margin-top:initial}button:before,button:after{width:initial;height:initial;background:initial;display:initial;transition:initial}.menu{display:none;opacity:0;transition:opacity 1s ease-in-out;border-radius:5%;box-shadow:0 0 0 100vmax #000000b3;position:absolute;flex-direction:column;top:-1px;margin-right:2px;align-items:flex-end;background-color:#000;padding:20px}.menu.visible{display:flex;flex-wrap:nowrap;opacity:1}#photo{width:80%;max-width:300px;height:auto;display:block;margin:20px auto}.title{font-size:30px}#title2{font-size:15px;margin-left:1.5rem;position:relative;margin-top:10px;z-index:2;padding:0 1rem}#NAME{font-size:35px;margin-top:-18px;margin-left:1.5rem;position:relative;z-index:2;padding:0 1rem}#aboutMe{font-size:15px;margin-left:1.5rem;color:#ffe4c4cd;margin-top:50px;margin-right:1.5rem;padding:0 1rem}.cards{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;padding:0 12px}.card{min-width:200px;height:auto;border-radius:10px;padding:10px;text-align:center;font-size:14px;display:flex;flex-direction:column;align-items:center}.skill{width:60px;height:auto;margin:5px auto;display:block}.btn-contacto{width:14.5%}#twitter{margin-left:3px}.contenedor{display:flex;align-items:center}i{font-size:150%}.openMenu{background-color:transparent;border:none;position:absolute;display:block;right:30px;top:20px;margin-top:6px;color:#fff;font-size:24px}.closeMenu{width:20px;height:20px;background-color:transparent;color:#fff;border:none;display:block;text-align:center;margin-top:4px}header{padding:10px}.contenedor{display:none}.social-buttons{display:flex;justify-content:center;align-items:center;margin-top:80px}.social-button{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;margin:0 10px;background-color:#fff;box-shadow:0 0 4px #00000027;transition:.3s}.social-button:hover{background-color:#f2f2f2;box-shadow:0 0 6px 3px #00000027}.social-buttons svg{transition:.3s;height:20px}.github{background-color:#333}.github svg{width:25px;height:25px;fill:#f2f2f2}.github:hover svg{fill:#333}.linkedin{background-color:#0077b5}.linkedin svg{fill:#f2f2f2}.linkedin:hover svg{fill:#0077b5}.instagram{background-color:#c13584}.instagram svg{fill:#f2f2f2}.instagram:hover svg{fill:#c13584}}::-webkit-scrollbar{display:none}.site-footer{background:#0b0b0b;color:#ffffffe0;padding:60px 6vw;border-top:1px solid rgba(255,255,255,.04);box-sizing:border-box}.site-footer__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:40px;align-items:start}.site-footer__logo{font-family:Bebas Neue,sans-serif;font-size:28px;margin:0 0 14px;color:#6b4cff;letter-spacing:.5px}.site-footer__desc{color:#ffffffbf;line-height:1.6;max-width:520px;margin-bottom:18px;font-family:DM Sans,sans-serif;font-size:15px}.site-footer__socials{display:flex;gap:12px;margin-top:6px}.social-btn{width:44px;height:44px;border-radius:50%;background:#ffffff08;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .18s ease,background .18s ease;box-shadow:0 4px 12px #0006}.social-btn svg{width:18px;height:18px;fill:#fffffff2}.social-btn:hover{transform:translateY(-4px);background:#ffffff0f}.site-footer__heading{color:#fff;font-family:Montserrat,sans-serif;margin:0 0 12px;font-size:18px}.site-footer__links ul{list-style:none;padding:0;margin:0}.site-footer__links li{margin:10px 0;color:#ffffffb8;font-family:DM Sans,sans-serif;cursor:default}.site-footer__contact p{margin:8px 0;color:#ffffffc7;font-family:DM Sans,sans-serif}.link-like{background:none;border:none;padding:0;margin:0;color:#ffffffc7;text-decoration:none;cursor:pointer;font-family:inherit}.link-like:hover{text-decoration:underline;color:#fff}@media (max-width: 900px){.site-footer__inner{grid-template-columns:1fr;gap:24px;padding-bottom:30px}.site-footer__logo{font-size:24px}.site-footer__desc{max-width:100%}.social-btn{width:40px;height:40px}}