@import"https://fonts.googleapis.com/css2?family=Limelight&family=Sora:wght@100..800&display=swap";:root{--background-target: linear-gradient( 145deg, rgba(110, 110, 110, .75), rgba(128, 128, 128, .75) );--color-primary: #3877ff;--color-text: #e4e1e1;--shadow: 0 4px 8px rgba(184, 184, 184, .2), 0 6px 20px rgba(189, 189, 189, .15)}*{font-family:Poppins,sans-serif;text-decoration:none}body{margin:0;background-color:var(--background-color-page)}.main-information{height:100vh;place-content:center;z-index:3;display:grid}.main-information div{display:grid;grid-template-columns:2fr 4fr;padding:1%;width:80%;margin:auto;background:var(--background-target);border-radius:15px;box-shadow:var(--shadow);z-index:3}.author-image{margin:auto;width:70%;height:75%;object-fit:cover;border-radius:15px;z-index:3}.information-container{display:flex;flex-direction:column;align-items:center;place-content:center;color:var(--color-text);font-size:.84em}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.main-information{animation:reveal linear both;animation-timeline:view();animation-range:entry 50% cover 90%}}}@keyframes reveal{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@media only screen and (max-width: 600px){.main-information div{grid-template-columns:1fr;padding:3%;width:75%;position:relative;text-align:center}.author-image{z-index:1;width:95%;height:100%}.information-card img{display:flex;position:absolute;filter:brightness(.3);top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;max-width:100%;max-height:95%}.information-container{z-index:2;font-size:.7em}}.intro{display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:100vh;height:100dvh}.photo{position:fixed;height:100dvh;width:100%;object-fit:cover;top:0;right:0;bottom:0;left:0;z-index:0}.photo-movil{display:none}.text-intro{background-color:#252525a5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;top:0;height:100vh;height:100dvh;width:100%;z-index:1}.text-presentation{display:grid;grid-template-columns:1fr 1fr;text-align:center;position:relative;width:100%}.text-presentation:before{content:"";position:absolute;height:90%;width:1px;background-color:var(--color-text);left:50%;transform:translate(-50%);z-index:1}.text-intro strong{color:var(--color-primary);padding:5px;margin-right:30%;font-size:1.5em}.text-intro p{color:var(--color-text);padding:5px;margin:0 0 0 30%;font-size:1.4em}hr{display:none}.icon-presentation{display:flex;gap:10vh}.icon{padding:5px;background-color:var(--color-text);border-radius:100px;width:4vh;height:4vh;transition:.2s;-webkit-box-reflect:below 10px linear-gradient(transparent,#c2c2c271)}.icon:hover{color:var(--color-primary);transition:.2s}.intro-icon{color:#000;padding:0;margin:0}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.text-intro{position:fixed;animation:enhance-intro linear both,section-contact linear both;animation-timeline:scroll(root block);animation-range:0 90vh,330vh 395vh}.text-intro p{animation:presentation linear both;animation-timeline:scroll(root block);animation-range:0 35vh}.text-presentation{animation:hide-text linear both;animation-timeline:scroll(root block);animation-range:30.5vh 30vh}.text-intro strong{animation:presentation linear both;animation-timeline:scroll(root block);animation-range:0 40vh}.icon{animation:icon-reflect linear both,change-icons linear both;animation-timeline:scroll(root block);animation-range:0vh 35vh,350vh 400vh}}}@keyframes icon-reflect{0%{-webkit-box-reflect:below 10px linear-gradient(transparent,#c2c2c24d)}30%{-webkit-box-reflect:below 10px linear-gradient(transparent,#c2c2c233)}60%{-webkit-box-reflect:below 10px linear-gradient(transparent,#c2c2c215)}80%{-webkit-box-reflect:below 10px linear-gradient(transparent,#c2c2c20e)}to{-webkit-box-reflect:below 10px linear-gradient(transparent,transparent)}}@keyframes text-intro{to{left:0;opacity:0}}@keyframes presentation{to{font-size:0px;opacity:0}}@keyframes section-contact{to{height:100vh}}@keyframes enhance-intro{to{background-color:#252525a5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);height:10vh}}@keyframes hide-text{to{width:0;display:none}}@keyframes change-icons{to{width:0vh;opacity:0;height:0vh;display:none}}@media only screen and (max-width: 600px){.text-intro{gap:15px}.photo{display:none}.photo-movil{display:inline;position:fixed;height:100vh;width:100%;object-fit:cover;top:0;right:0;bottom:0;left:0;z-index:0}.text-presentation{display:grid;grid-template-columns:1fr;position:relative}.text-presentation:before{display:none}hr{display:inline;width:25%;margin:0;height:1px;border:none;background-color:var(--color-text)}.text-intro strong{width:100%;font-size:24px;margin:0}.text-intro p{display:none}.icon-presentation{gap:4vh}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.text-intro{animation:enhance-intro linear both,section-contact linear both;animation-timeline:scroll(root block);animation-range:0 90vh,340vh 370vh}.text-presentation{animation:hide-text linear both;animation-timeline:scroll(root block);animation-range:0 37vh}hr{animation:hide-text linear both;animation-timeline:scroll(root block);animation-range:0 30vh}.icon{animation-range:0vh 35vh,340vh 370vh}}}}.main-skills{height:100vh;height:100dvh;place-content:center;color:var(--color-text)}.studies{background:var(--background-target);box-shadow:var(--shadow);color:var(--color-text);display:flex;flex-direction:column;text-align:center;padding:2%;margin:auto;width:80%;position:relative;z-index:3;border-radius:15px}.studies p{width:60%;margin:auto;padding:3%}.certificates{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-items:center;margin-bottom:50px;gap:15px;z-index:3}.certificates-studies{cursor:pointer;max-width:90%;transition:transform .2s ease}.certificates-studies:hover{transform:scale(1.05)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:5}.zoomed-image{max-width:90%;max-height:90%;border-radius:8px;cursor:pointer}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.main-skills{animation:reveal linear both;animation-timeline:view();animation-range:entry 50% cover 90%}}}@media only screen and (max-width: 600px){.certificates{grid-template-columns:1fr 1fr;gap:20px;margin:auto auto 50px}.studies{width:90%}.studies p{width:95%}.certificates-studies{max-width:100%}}.icono{position:relative;overflow:hidden;min-height:3rem;min-width:20rem;font-size:2rem;-webkit-mask-image:linear-gradient(to right,#0000,#000 30%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 30%,#000 80%,#0000)}.iconos{width:3ch;transform:traslate(0px,-50%);animation:loop 13s linear infinite;left:100%;position:absolute;max-width:40px;display:flex}@keyframes loop{to{left:-1ch}}.infinite1{animation-delay:calc(38.5s / 24 * (24 - 1) * -1)}.infinite2{animation-delay:calc(38.5s / 24 * (24 - 2) * -1)}.infinite3{animation-delay:-33.6875s}.infinite4{animation-delay:calc(38.5s / 24 * (24 - 4) * -1)}.infinite5{animation-delay:calc(38.5s / 24 * (24 - 5) * -1)}.infinite6{animation-delay:-28.875s}.infinite7{animation-delay:calc(38.5s / 24 * (24 - 7) * -1)}.infinite8{animation-delay:calc(38.5s / 24 * (24 - 8) * -1)}.main-projects{display:grid;grid-template-columns:1fr 8fr 1fr;height:100vh;align-items:center;justify-items:center}.projects{color:var(--color-text);display:flex;flex-direction:column;height:90%;width:100%;place-content:center;z-index:0}.project-content{border-radius:15px;padding:3vh;background:var(--background-target);box-shadow:var(--shadow);width:80%;margin:auto}.projects h2{position:relative;color:var(--color-text);margin:10px}.project-card{position:relative;width:100%;height:auto;margin:auto;z-index:3}.project-card h3{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;justify-content:center;display:flex}.project-image{filter:brightness(.3);width:100%;position:relative;border-radius:15px}.project-link{z-index:3;text-align:center;width:100%}.project-link a{margin:25px}.project-icon{width:40px;height:40px;color:#fff}.right,.left{display:flex;align-items:center;cursor:pointer;position:relative;z-index:3;font-size:60px;height:65%;color:var(--color-text)}.project-image-movil{display:none}.project-content strong{text-align:center}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.project-content{animation:reveal linear both;animation-timeline:view();animation-range:entry 50% cover 90%}.project-link{animation:reveal linear both;animation-timeline:view();animation-range:entry -300% cover 80%}}}@media only screen and (max-width: 600px){.main-projects{height:auto}.project-content{text-align-last:center;border-radius:15px;padding:3px;z-index:1;width:90%}.project-card{display:flex;border-radius:15px;width:100%;place-content:center}.project-image-movil{width:95%;position:relative;z-index:1;height:63vh;border-radius:15px;display:inline;object-fit:cover}.project-image{display:none}.right,.left{place-content:center;cursor:pointer;position:relative;z-index:3;font-size:30px}.project-link{width:100%;border:none;margin-top:8px}}.contact{height:100vh;position:relative;overflow-y:auto;color:var(--color-text);display:grid;z-index:3}.contact-form{text-align:center;background:var(--background-target);border-radius:15px;box-shadow:var(--shadow);width:50%;margin:auto;color:var(--color-text);padding:1%}.contact-form form{display:flex;flex-direction:column;gap:20px;padding:5%}.contact-form input{padding-left:20px;height:30px;color:var(--color-text)}.input-contact{display:flex;justify-content:space-between;top:30px;position:relative;z-index:0}.inputs{width:100%;border:none;border-bottom:1px var(--color-text) solid;background-color:transparent;box-sizing:border-box;position:relative;z-index:4}.inputs:focus{outline:none}.inputs ::placeholder{color:#ababab}.button{cursor:pointer;background-color:transparent;border:2px var(--color-text) solid;padding:5px;width:30%;margin:auto;color:#fff;border-radius:5px}.icon-container{display:flex;gap:5%;justify-content:center;margin:1%}.icon-container a{color:var(--color-text)}.icon-contact{cursor:pointer;width:0;height:0;animation:icon-contact linear both;animation-timeline:scroll(root block);animation-range:350vh 400vh;-webkit-box-reflect:below 10px linear-gradient(transparent,#c2c2c271);transform:scale(1);transition:transform .3s ease}.icon-contact:hover{transform:scale(1.2)}.success{display:flex;flex-direction:column;align-items:center;background:var(--background-target);box-shadow:var(--shadow);width:45%;padding:2%;gap:25px;margin:auto;border-radius:15px}.disabled{display:none}.icon-success{height:150px;width:150px}.success button{cursor:pointer;background-color:transparent;border:2px var(--color-text) solid;padding:3px;width:30%;margin:auto;color:#fff;border-radius:5px}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.contact{animation:reveal linear both;animation-timeline:view();animation-range:entry 50% cover 90%}}}@keyframes icon-contact{to{width:6vh;height:6vh}}@media only screen and (max-width: 600px){@keyframes icon-contact{to{width:5vh;height:5vh}}.contact-form{width:80%;height:70%}.icon-contact{animation-range:340vh 370vh}.icon-contact:hover{transform:none}.icon-container{margin:4%;gap:7%}.success{width:80%;padding-top:30%;padding-bottom:30%;gap:35px;align-content:end;place-content:end}.icon-success{height:120px;width:120px}.success button{width:40%}}