: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:#121727!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@font-face{font-family:MyHelvetica;src:url(/fonts/HelveticaNeue-MediumCondObl.otf);font-weight:400;font-style:normal}@font-face{font-family:MyHelvetica;src:url(/fonts/HelveticaNeueCondensedBold.ttf);font-weight:700;font-style:normal}@font-face{font-family:MyHelvetica;src:url(/fonts/HelveticaNeue-LightCondObl.otf);font-weight:light;font-style:normal}*{font-family:MyHelvetica,sans-serif}html,body{height:100%;width:100%}html{overflow-y:scroll}#root{margin:0 auto;padding:2rem;text-align:center;display:flex;justify-content:center;height:90%;width:100%}.navbar{background-color:#171d31;padding:1rem 2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000001a;border-radius:1rem;position:fixed;top:20px;width:5%;height:5%;z-index:1000;opacity:.85}.navbar>.logo-home{margin-top:5px;opacity:1}#logo{max-width:100px;max-height:100px}.nav-link-logo{display:inline-block;margin:5px;color:#cfe5ed;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.nav-link-logo:hover{color:#cfe5ed;transform:scale(1.1)}@media (max-width: 480px){#logo{max-width:80px!important;max-height:80px!important}}#language{position:absolute;transform:translate(47vw);background-color:#171d31;border:none;border-radius:.25rem;width:30%;color:#cfe5ed}@media (max-width: 480px){#language{position:absolute;transform:translate(41vw);background-color:#171d31;border:none;border-radius:.25rem;width:50%}}.content{position:fixed;top:2%;display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:auto;height:100%;padding-left:1%;padding-right:1%}.video-title{font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:-6px;background-color:#121727;color:#cfe5ed00;font-size:200%;height:10%;transition:transform .4s ease-in-out,color .5s ease-in-out}.nav-link:hover+.video-title{transform:translateY(-100px);color:#cfe5ed}@media (max-width: 480px){.content{position:fixed;top:2%;display:grid;grid-template-columns:auto;grid-template-rows:20% 20% 20% 20% 20%;height:100%;padding-left:1%;padding-right:1%}.video-container{display:grid;grid-template-columns:10% 90%;grid-template-rows:auto;justify-content:center;align-items:center}.nav-link{grid-column-start:2;grid-column-end:2}.video-title{font-weight:700;position:fixed;display:flex;align-items:center;justify-content:center;margin-top:-6px;background-color:#121727;font-size:175%;height:15%;width:50%;transform:translate(-25%) rotate(270deg);color:#cfe5ed}}.video{height:95%;width:99%;overflow:hidden;object-fit:cover;filter:grayscale(.75);transition:transform .5s ease-in-out,filter .7s ease-in-out}.video:hover{filter:grayscale(0);transform:translateY(-10px)}@media (max-width: 480px){.video{height:52%;width:99%;overflow:hidden;object-fit:cover;filter:grayscale(0)}}.about-container{margin-top:5%;height:80%;width:100%;display:grid;grid-template-rows:auto;grid-template-columns:50% 50%}.about-first{display:flex;flex-direction:column;justify-content:center;margin-left:10%;margin-right:10%}.about-second{display:flex;justify-content:center;align-items:center}.imagen-yo{width:50%;height:70%;overflow:hidden;object-fit:cover;border:solid #CFE5ED 3px;border-radius:1rem;transform:translate(300px);opacity:0;transition:transform 1s ease-in-out,opacity 1s ease-in-out;transition-delay:2s}.imagen-yo.loaded{transform:translate(0);opacity:1}.about-title{transform:translate(-300px);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.about-text{transform:translate(-300px);font-weight:light;opacity:0;transition:transform 1s ease-in-out,opacity 1s ease-in-out;transition-delay:.75s}.about-title.loaded,.about-text.loaded{opacity:1;transform:translate(0)}@media (max-width: 480px){.about-container{margin-top:10%;height:80%;width:100%;display:grid;grid-template-rows:auto 100%;grid-template-columns:auto}.imagen-yo{width:80%}}.education-container{margin-top:5%;height:80%;width:100%;display:grid;grid-template-rows:auto;grid-template-columns:50% 50%}.education{margin-top:-5px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}.education.loaded{opacity:1}.education-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:20px;box-shadow:none;transition:box-shadow .25s ease-in-out}.education-title-odd{transform:translate(-300px);opacity:0;margin-left:5px;margin-right:5px;border-bottom:solid 1px #CFE5ED;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition-delay:.5s}.education-title-odd.loaded{opacity:1;transform:translate(0)}.education-title-even{transform:translate(300px);opacity:0;margin-left:10px;margin-right:10px;border-bottom:solid 1px #CFE5ED;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition-delay:.5s}.education-title-even.loaded{opacity:1;transform:translate(0)}.education-text-odd{transform:translate(-300px);opacity:0;transition:transform 1s ease-in-out,opacity 1s ease-in-out;transition-delay:1.25s}.education-text-odd.loaded{opacity:1;transform:translate(0)}.education-text-even{transform:translate(300px);opacity:0;transition:transform 1s ease-in-out,opacity 1s ease-in-out;transition-delay:1.25s}.education-text-even.loaded{opacity:1;transform:translate(0)}.education-image{width:60%;height:55%;overflow:hidden;object-fit:cover;border:solid #CFE5ED 3px;border-radius:1rem;opacity:0;transition:opacity 1s ease-in-out;transition-delay:2.5s;margin-bottom:20px}.education-image.loaded{opacity:1}@media (max-width: 480px){.education{margin-top:30px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}.education-container{margin-top:10%;height:80%;width:100%;display:flex;flex-direction:column}.education-image{height:70%;width:80%}}.skills-container{margin-top:5%;height:80%;width:100%;display:flex;flex-direction:column;align-items:center}.skills{margin-top:-5px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}.skills.loaded{opacity:1}@media (max-width: 480px){.skills-container{margin-top:10%}.skills{margin-left:-20px;margin-top:30px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}}.skill-list-container{width:100%}.skill-list{max-width:100%}.skillTitle{border-bottom:solid 1px #CFE5ED;opacity:0;transition:opacity .5s ease-in-out;transition-delay:.5s}.skillTitle.loaded{opacity:1}ul{list-style:none;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto}#soft-skills{grid-template-columns:auto auto auto auto}.soft-skill-container{opacity:0;transition:opacity .5s ease-in-out;transition-delay:1s}.soft-skill-container.loaded{opacity:1}@media (max-width: 480px){.skill-list{max-width:100%;display:flex;flex-direction:column;margin-left:-40px}.skill-list-container{margin-left:-30px}}.skill{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:5rem;margin:5px;max-height:90%;transform:translate(-300px);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out,box-shadow .25s ease-in-out;transition-delay:1s,1s,0s}.skill.loaded{transform:translate(0);opacity:1}ul>li:nth-child(2n){transform:translate(300px);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition-delay:1s,1s}ul>li:nth-child(2n).loaded{transform:translate(0);opacity:1}.skill:hover{box-shadow:2px 2px 5px #000}.skill-image{border-radius:13rem;border:2px solid #CFE5ED;width:100px;height:100px;margin:20px}.skill-title,.skill-descp{margin:20px}@media (max-width: 480px){.skill-descp{font-size:90%}.skill{display:grid;grid-template-rows:auto;grid-template-columns:30% 45% 40%;justify-content:center;align-items:center;border-radius:5rem;margin:5px;max-height:90%}}.contact-container{margin-top:5%;height:80%;width:100%;display:flex;flex-direction:column;align-items:center}.contact{margin-top:-5px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}.contact.loaded{opacity:1}.contact-content{display:grid;width:70%;height:100%;grid-template-columns:15% 15% 15%;grid-template-rows:auto;justify-content:space-between;align-items:center}.contact-icon{width:80%;opacity:0;transition:opacity .75s ease-in-out,transform .25s ease-in-out}.contact-icon.loaded{opacity:1}.contact-icon:hover{transform:scale(1.1)}.contact-title{opacity:0;transition:opacity .75s ease-in-out;transition-delay:.5s}.contact-title.loaded{opacity:1}@media (max-width: 480px){.contact-container{margin-top:10%}.contact{margin-top:30px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}.contact-content{display:flex;width:50%;height:100%;flex-direction:column}.contact-content>a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.contact-pill{width:100%}.contact-icon-container{justify-content:center;align-items:center;width:80%;margin:30px}}.works-container{margin-top:5%;height:80%;width:100%;display:flex;flex-direction:column;align-items:center}.works{margin-top:-5px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}.works.loaded{opacity:1}@media (max-width: 480px){.works{margin-top:30px;grid-column:span 2;opacity:0;transition:opacity .5s ease-in-out}.works-container{margin-top:10%}}.work-video{width:90%;margin-top:15px;margin-bottom:15px;border:2px solid #CFE5ED;border-radius:.5rem;transform:translate(60%);opacity:0;transition:transform .75s ease-in-out,opacity .75s ease-in-out;transition-delay:.5s}.work-video.loaded{transform:translate(0);opacity:1}.work-capsule{display:grid;grid-template-columns:40% 60%;grid-template-rows:auto;width:80%;justify-content:space-between;margin:10px}.video-substitute{width:90%;margin-top:15px;margin-bottom:15px;transform:translate(60%);opacity:0;display:flex;flex-direction:column;transition:transform .75s ease-in-out,opacity .75s ease-in-out;transition-delay:.5s}.video-substitute.loaded{transform:translate(0);opacity:1}.img-sub>img{border:2px solid #CFE5ED;width:90%;margin:10px;border-radius:.5rem;transition:transform .5s ease-in-out}.img-sub>img:hover{transform:scale(1.05)}.work-info{display:flex;flex-direction:column;justify-content:center;margin-right:20px;transform:translate(-60%);opacity:0;transition:transform .75s ease-in-out,opacity .75s ease-in-out;transition-delay:.5s}.work-info.loaded{transform:translate(0);opacity:1}@media (max-width: 480px){.work-capsule{display:flex;flex-direction:column;width:80%;justify-content:space-between;margin:10px}}