@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";.content{position:relative;height:91vh;display:flex;justify-content:center;align-items:center;padding-top:5rem;text-align:center;overflow:hidden;background:linear-gradient(180deg,#0a0e17,#0d1220)}.content h1{font-family:Space Grotesk,sans-serif}.content .personalContainer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;height:fit-content;width:100%}.content .personalContainer .lastName{text-transform:uppercase;font-weight:700;height:fit-content;display:flex;flex-direction:column;text-align:center}.content .personalContainer .lastName span{font-size:4.5rem;letter-spacing:4px;background:linear-gradient(135deg,#2dd4ff,#b18aff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 25px rgba(45,212,255,.35))}.content .personalContainer .logoIcon{padding:1rem 0}.content .personalContainer .logoIcon .spinnerLogoIcon{transform-origin:center center;font-size:3rem;color:#b18aff;opacity:.7}.content .personalContainer .animatedText{font-size:1.15rem;font-family:Inter,sans-serif;font-weight:400;padding:5px 0;color:#7d8699;letter-spacing:.5px;height:100px;display:flex;flex-direction:column;gap:1rem}.content .personalContainer .animatedText .firstName{overflow:hidden;word-wrap:break-word;white-space:nowrap;animation:typing 4s steps(60) forwards;color:#eef1f6}.content .personalContainer .animatedText .title{overflow:hidden;word-wrap:break-word;white-space:nowrap;animation:typingTitle 8s steps(60) forwards infinite;animation-delay:4s;opacity:0;color:#2dd4ff;font-weight:500}@keyframes typing{0%{width:0}to{width:100%}}@keyframes typingTitle{0%{opacity:1;width:0}to{opacity:1;width:100%}}.parallaxRowLine{display:flex;justify-content:center;align-items:center;padding-top:.5rem}.parallaxRowLine .parallaxLine{position:relative;height:1px;background-color:#2dd4ff;filter:brightness(150%);transform-origin:center center;width:40vw}.parallaxRowLine .parallaxSpace{position:absolute;height:max-content;width:60px;display:flex;justify-content:center;align-items:center;background-color:#070a12}.parallaxRowLine .parallaxSpace .BsTriangleHalfIcon{color:#2dd4ff;filter:brightness(150%)}@media(max-width:567px){.shadowBlackImg{max-height:300px}.rightImg{max-height:350px}}.navList{z-index:10;background:#0a0e17b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.09);align-items:center;display:flex;font-size:1rem;padding:1rem 2rem;position:absolute;bottom:0}.navList .logo{color:#eef1f6;display:flex;align-items:center;font-family:Space Grotesk,sans-serif}.navList .logo a{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.navList .logo a .logoIcon{width:36px;height:36px;color:#2dd4ff;transform-origin:center center}.navList .logo a span{font-size:1.2rem;font-weight:600;letter-spacing:1px}.navList nav{width:80%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:3rem}.navList nav a{color:#7d8699;text-decoration:none;letter-spacing:1.5px;font-weight:500;font-size:.9rem;transition:color .25s ease}.navList nav a:hover{cursor:pointer;color:#2dd4ff}.navList .burgerMenu{transition:all .3s ease;position:sticky;left:100%;width:50px;height:50px;display:none}.navList .burgerMenu .menuIcon{cursor:pointer;width:30px;height:30px;color:#2dd4ff}.navList .menuOpen{transform:translate(0);width:60%;padding-right:1rem;background:#0a0e17f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s linear}.navList .menuOpen div{position:absolute;top:2%;right:10%}.navList .menuOpen div .menuIcon{cursor:pointer;width:28px;height:28px;color:#2dd4ff}.navList .menuOpen div .menuIcon:hover{transform:scale(1.15)}.navList .menuOpen a{font-size:1.2rem;position:relative}.navList .menuOpen a:after{content:"";position:absolute;height:1px;width:100%;bottom:-4px;left:0;background-color:#2dd4ff;opacity:.4}.sticky{position:sticky;top:0}@media(max-width:768px){.navList .burgerMenu{display:block}.navList .burgerMenu .menuIcon{color:#2dd4ff}.menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:110%;position:fixed;row-gap:3rem;top:0;right:0;transition:all step-start;transform:translate(100%)}}.circuitBackground{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.circuitBackground .circuitSvg{width:100%;height:100%;opacity:.35}.circuitBackground .circuitSvg .line{fill:none;stroke:#2dd4ff;stroke-width:1.5;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(45,212,255,.6))}.circuitBackground .circuitSvg .line2,.circuitBackground .circuitSvg .line4{stroke:#b18aff;filter:drop-shadow(0 0 3px rgba(177,138,255,.6))}.circuitBackground .circuitSvg .node{fill:#2dd4ff;filter:drop-shadow(0 0 6px rgba(45,212,255,.9));animation:pulseNode 3s ease-in-out infinite}.circuitBackground .circuitSvg .n2,.circuitBackground .circuitSvg .n4,.circuitBackground .circuitSvg .n6{fill:#b18aff;filter:drop-shadow(0 0 6px rgba(177,138,255,.9));animation-delay:1s}.circuitBackground .circuitSvg .n3,.circuitBackground .circuitSvg .n5,.circuitBackground .circuitSvg .n7{animation-delay:2s}.circuitBackground .glowOrb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.15}.circuitBackground .orb1{width:400px;height:400px;background:#2dd4ff;top:10%;left:10%;animation:floatOrb 12s ease-in-out infinite}.circuitBackground .orb2{width:350px;height:350px;background:#b18aff;bottom:5%;right:10%;animation:floatOrb 14s ease-in-out infinite reverse}@keyframes pulseNode{0%,to{opacity:.4;r:3}50%{opacity:1;r:5}}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.pageProjects{padding:1rem 2rem;background-color:#070a12;text-align:center;padding:2rem 0}.pageProjects .projects{place-items:stretch;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin:1rem 2rem;text-align:center}.pageProjects .projects .project{position:relative;background:#ffffff09;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.09);min-height:140px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;border-radius:14px;color:#eef1f6;font-family:Space Grotesk,sans-serif;cursor:pointer;padding:1.5rem 1rem;transition:all .3s ease;overflow:hidden}.pageProjects .projects .project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2dd4ff14,#b18aff14);opacity:0;transition:opacity .3s ease}.pageProjects .projects .project .linkIndicator{position:absolute;top:.85rem;right:.85rem;font-size:1rem;color:#2dd4ff;opacity:.7}.pageProjects .projects .project h4{position:relative;padding:5px;font-size:1rem;font-weight:500;letter-spacing:.3px}.pageProjects .projects .project:hover{transform:translateY(-6px);border-color:#2dd4ff66;box-shadow:0 12px 30px #2dd4ff1f}.pageProjects .projects .project:hover:before{opacity:1}.pageProjects .projects .project:active{transform:translateY(-2px)}@media not (max-width:950px){.pageProjects .projects{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pageProjects .projects .project h4{font-size:1.15rem}}.popupContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.popupContainer h3{padding:10px 0 1rem;color:#eef1f6;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:1px;font-size:1.4rem}.popupContainer .popUpImage{display:flex;gap:.75rem;overflow-x:auto;max-width:100%;padding-bottom:.5rem}.popupContainer .popUpImage img{height:160px;width:auto;max-width:300px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.09);flex-shrink:0}.popupContainer .tags{display:flex;gap:.75rem;padding:1rem;flex-wrap:wrap;justify-content:center;font-family:Inter,sans-serif}.popupContainer .tags .tag{border-radius:8px;text-align:center;font-weight:600;padding:6px 14px;font-size:.85rem;letter-spacing:.3px;border:1px solid transparent}.popupContainer .tags .tag.typescript{color:#2e8bc0;background-color:#2e8bc026}.popupContainer .tags .tag.react{color:#61dafb;background-color:#61dafb26}.popupContainer .tags .tag.express{color:#b1d4e0;background-color:#b1d4e026}.popupContainer .tags .tag.scss{color:#ffaebc;background-color:#ffaebc26}.popupContainer .tags .tag.sqlite{color:#4f0;background-color:#44ff0026}.popupContainer .tags .tag.mongodb{color:#18a558;background-color:#18a55826}.popupContainer .tags .tag.html5{color:#e55b13;background-color:#e55b1326}.popupContainer .tags .tag.css3{color:#5082ef;background-color:#5082ef26}.popupContainer .tags .tag.javascript{color:#fad02c;background-color:#fad02c26}.popupContainer .tags .tag.ejs{color:#cb0e55;background-color:#cb0e5526}.popupContainer .tags .tag.tailwind{color:#1592b4;background-color:#1592b426}.popupContainer .tags .tag.nextJs{color:#f26127;background-color:#f2612726}.popupContainer .tags .tag.cypress{color:#beb1b0;background-color:#beb1b026}.popupContainer .tags .tag.vitest{color:#f8d210;background-color:#76b94726}.popupContainer .tags .tag.postgres{color:#f36187;background-color:#f3618726}.popupContainer .tags .tag.strapi{color:#beb9c0;background-color:#beb9c026}.popupContainer .tags .tag.EPLAN{color:#2dd4ff;background-color:#2dd4ff26}.popupContainer .tags .tag.CAD{color:#b18aff;background-color:#b18aff26}.popupContainer .tags .tag.SPS{color:#ff8fb1;background-color:#ff8fb126}.popupContainer .row{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.popupContainer .row .icons{display:flex;justify-content:space-evenly;width:100%}.popupContainer .row .icons .icon{display:flex;font-size:2rem;color:#7d8699;transition:color .25s ease}.popupContainer .row .icons .icon.ic1:hover,.popupContainer .row .icons .icon.ic2:hover{color:#2dd4ff;cursor:pointer}.popupContainer .row .icons .notUrl{color:#7d869966;cursor:auto}.popupContainer .row .description{color:#7d8699;font-weight:400;font-family:Inter,sans-serif;line-height:1.6}.pageSkills{padding:1rem 2rem;background-color:#070a12;padding:10px}.pageSkills .skills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:1rem}.pageSkills .skills .skill{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;background:#ffffff09;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.09);border-radius:14px;transition:all .3s ease}.pageSkills .skills .skill:hover{border-color:#2dd4ff59;transform:translateY(-3px)}.pageSkills .skills .skill .skillImg{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;padding:20px 0}.pageSkills .skills .skill .skillImg img{width:55px;aspect-ratio:1;filter:drop-shadow(0 0 6px rgba(45,212,255,.15));transition:transform .25s ease}.pageSkills .skills .skill .skillImg img:hover{transform:scale(1.12)}.pageSkills .skills .skill .title{font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:.85rem;color:#eef1f6;background-color:#ffffff08;border-top:1px solid rgba(255,255,255,.09);width:100%;font-family:Space Grotesk,sans-serif}.pageSkills .skills .frameworks{grid-column-start:1;grid-column-end:3;grid-row-start:5;grid-row-end:10}.pageSkills .skills .technologies{grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:5}.pageSkills .skills .database{grid-column-start:2;grid-column-end:4;grid-row-start:10;grid-row-end:15}.pageSkills .skills .devops{grid-column-start:3;grid-column-end:4;grid-row-start:5;grid-row-end:10}.pageSkills .skills .testing{grid-column-start:1;grid-column-end:2;grid-row-start:10;grid-row-end:15}.pageSkills .skills .devtools{grid-column-start:1;grid-column-end:3;grid-row-start:15;grid-row-end:20}.pageSkills .skills .devtools .skillImg img{width:55px;height:55px}.pageSkills .skills .devtools .skillImg .netlify,.pageSkills .skills .devtools .skillImg .vercel,.pageSkills .skills .devtools .skillImg .render{width:85px}.pageSkills .skills .devtools .skillImg .vercel{height:38px}.pageSkills .skills .libraries{grid-column-start:3;grid-column-end:4;grid-row-start:15;grid-row-end:20}.pageSkills .skills .others{grid-column-start:1;grid-column-end:4;grid-row-start:20;grid-row-end:25}.pageContact{background-color:#070a12;display:flex;flex-direction:column;align-items:center}.pageContact .messageRowContainer{padding:10px}.pageContact .messageRowContainer .messageRow{font-size:1.15rem;text-align:center;font-family:Inter,sans-serif;font-weight:500}.pageContact .messageRowContainer .messageRow span{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:10px 0}.pageContact .messageRowContainer .messageRow .messageTrue{color:#4ade80}.pageContact .messageRowContainer .messageRow .messageFalse{color:#f87171}.pageContact .messageRowContainer .messageRow .msgIcon{font-size:1.6rem}.pageContact form{display:flex;flex-direction:column;gap:.75rem;width:70%}.pageContact form .nameEmailContent{display:flex;align-items:center;column-gap:1rem;row-gap:.5rem}.pageContact form input{height:60px;padding:10px 14px;color:#eef1f6;background:#ffffff09;font-weight:500;font-family:Inter,sans-serif;font-size:1.05rem;outline:none;border:1px solid rgba(255,255,255,.09);border-radius:10px;width:100%;transition:border-color .25s ease}.pageContact form input::placeholder{color:#7d8699;letter-spacing:.5px}.pageContact form .textAreaMessage{height:220px}.pageContact form .textAreaMessage textarea{font-size:1.05rem;font-family:Inter,sans-serif;height:100%;padding:14px;color:#eef1f6;background:#ffffff09;outline:none;border:1px solid rgba(255,255,255,.09);border-radius:10px;resize:none;width:100%;transition:border-color .25s ease}.pageContact form .textAreaMessage textarea::placeholder{color:#7d8699}.pageContact form .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:1rem 0}.pageContact form .row .capture{display:flex;justify-content:center;align-items:center;height:56px;width:220px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);border-radius:10px;gap:.75rem;padding:0 1rem}.pageContact form .row .capture input{width:60px;height:40px;text-align:center;font-weight:600;font-size:1.1rem;background:#2dd4ff14;border:1px solid rgba(45,212,255,.25);color:#2dd4ff}.pageContact form .row .capture .numbers{font-size:1.3rem;font-weight:600;letter-spacing:4px;color:#eef1f6}.pageContact form .row .msgButton{height:56px;width:220px;display:flex;justify-content:center;align-items:center}.pageContact form .row .msgButton button{height:100%;width:100%;cursor:pointer;background:transparent;color:#2dd4ff;border:1px solid #2dd4ff;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:1.5px;overflow:hidden;transition:all .3s ease;position:relative}.pageContact form .row .msgButton button:hover{color:#070a12;background-color:#2dd4ff;box-shadow:0 8px 22px #2dd4ff4d}.pageContact .inputName,.pageContact .inputEmail,.pageContact .inputSubject,.pageContact .textAreaMessage{width:100%;transition:all .3s ease;display:inline-block;position:relative}.pageContact .inputName:focus-within input,.pageContact .inputName:focus-within textarea,.pageContact .inputEmail:focus-within input,.pageContact .inputEmail:focus-within textarea,.pageContact .inputSubject:focus-within input,.pageContact .inputSubject:focus-within textarea,.pageContact .textAreaMessage:focus-within input,.pageContact .textAreaMessage:focus-within textarea{border-color:#2dd4ff}.pageContact .messageNotValid input,.pageContact .messageNotValid textarea,.pageContact .subjectNotValid input,.pageContact .subjectNotValid textarea,.pageContact .nameNotValid input,.pageContact .nameNotValid textarea,.pageContact .emailNotValid input,.pageContact .emailNotValid textarea{border-color:#f8717180}.pageContact .messageNotValid:focus-within input,.pageContact .messageNotValid:focus-within textarea,.pageContact .subjectNotValid:focus-within input,.pageContact .subjectNotValid:focus-within textarea,.pageContact .nameNotValid:focus-within input,.pageContact .nameNotValid:focus-within textarea,.pageContact .emailNotValid:focus-within input,.pageContact .emailNotValid:focus-within textarea{border-color:#f87171}.pageContact .contactIcons{display:flex;padding:3rem 0;font-size:2.2rem;justify-content:space-evenly;width:100%}.pageContact .contactIcons .linkedIn,.pageContact .contactIcons .whatsApp,.pageContact .contactIcons .gitHub{padding:5px;color:#7d8699;transition:color .25s ease}.pageContact .contactIcons .gitHub:hover{color:#eef1f6;transform:scale(1.15)}.pageContact .contactIcons .whatsApp:hover{color:#4ade80;transform:scale(1.15)}.pageContact .contactIcons .linkedIn:hover{color:#2dd4ff;transform:scale(1.15)}@media(max-width:967px){form{min-width:90%}}@media(max-width:767px){.pageContact .nameEmailContent{flex-wrap:wrap}}@media(max-width:567px){.row{flex-direction:column;row-gap:.5rem}}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#070a12;color:#eef1f6}body .line{padding-top:2rem}body h1{color:#eef1f6;padding:2rem 0;text-align:center;font-size:2.5rem;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:2px}body .App .loadingPage{display:flex;justify-content:center;align-items:center;gap:1rem;height:100vh;background-color:#070a12;font-family:Space Grotesk,sans-serif}body .App .loadingPage .spinnerLogoIcon{animation:spinner 1.2s linear infinite;transform-origin:center center;font-size:3.5rem;color:#2dd4ff}body .App .loadingPage span{font-size:2rem;color:#eef1f6;letter-spacing:2px}@media(max-width:567px){body .shadowBlackImg{max-height:300px}body .rightImg{max-height:350px}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}