*{margin:0;padding:0;font-family:monospace,Courier New,Courier}html,body{width:100%;height:100%;overflow:hidden;scroll-behavior:smooth;overscroll-behavior:none}::-webkit-scrollbar{width:0px}#root{width:100vw;height:100vh;margin:0;padding:0;text-align:center}header{position:fixed;top:0;left:0;right:0;z-index:2;width:100vw}.text-white{color:#fff}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#131312}.logo-navbar{margin:10px}.navbar-menu{list-style-type:none;display:flex;color:#fff;font-size:18px;font-weight:700}.navbar-menu li{margin:auto 1rem}.navbar-menu li a:hover{color:#c2c600}.languages{display:flex;gap:10px;margin:0 10px;justify-content:center;align-items:center}.button-lang-es{padding:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAA8CAIAAABtkuovAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAATuaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA3LjEtYzAwMCA3OS43YmFmY2YwLCAyMDIxLzEwLzEzLTAwOjQxOjI4ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuNSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTA4LTIzVDEzOjA2OjQ5LTAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wOC0yNFQyMDo1ODo1OC0wMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wOC0yNFQyMDo1ODo1OC0wMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTZkN2U4MmYtZDgzMy1kYzQ4LTlhM2QtNjNmMzY0MmEwNjNiIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU2ZDdlODJmLWQ4MzMtZGM0OC05YTNkLTYzZjM2NDJhMDYzYiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU2ZDdlODJmLWQ4MzMtZGM0OC05YTNkLTYzZjM2NDJhMDYzYiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTZkN2U4MmYtZDgzMy1kYzQ4LTlhM2QtNjNmMzY0MmEwNjNiIiBzdEV2dDp3aGVuPSIyMDIzLTA4LTIzVDEzOjA2OjQ5LTAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNSAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+M15omwAAAJJJREFUaIHt2jERgDAQRcGEBjP47xGCFih4HpJiV8HNm1/efK7BGONYfcAuhIgQESJCRIgIESEiRISIEBEiQkSICJH53ufqG7ZgEREiQkSICBEhIkSEiBARIkJEiAgRISJEhIgQESJCRIgIESEiRISIEBEiQmT6xf5ZRISIEBEiQkSICBEhIkSEiBARIkJEiAiRD/fABE+d0UJXAAAAAElFTkSuQmCC);background-position:center center;background-size:cover;width:40px;height:27px;cursor:pointer;background-color:transparent;outline:none}.button-lang-es:hover{outline:none}.button-lang-es:focus{outline:none}.button-lang-en{padding:0;background-image:url(/assets/icon-english-605eb3c3.png);background-position:center center;background-size:cover;width:40px;height:27px;cursor:pointer;background-color:transparent;outline:none}.button-lang-en:focus{outline:none}@media only screen and (max-width:768px){.navbar-menu{display:none}}.grid-components{overflow-y:scroll;scroll-snap-type:y mandatory;height:100vh}.mainsection{scroll-snap-align:start;height:100vh}section{display:grid;grid-template-columns:repeat(3,1fr);height:100vh}.span-2{grid-column:span 2;width:100%}.mainsection1{position:relative}.grid-block{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.image-me{grid-area:"picture";padding-top:57px}.me{grid-area:"descriptionMe"}.career{grid-area:"career"}.alternative-contact{display:flex;align-items:center;z-index:1;color:#c0b8ae82}.other-contacts{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:1}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.video-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.9;mix-blend-mode:darken}.picture-background{width:400px!important;max-height:400px;margin:15px;background-color:#0091ff14;border-radius:52% 48% 30% 70%/40% 35% 65% 60%;overflow:hidden;z-index:1}.personal-picture{width:400px;filter:drop-shadow(8px 8px 5px #111);position:relative;z-index:1}.block-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.block-icon{font-size:50px;position:relative;z-index:1}.about_me-block{position:relative;z-index:1;background-color:#0091ff14;border-radius:20px;font-size:17px;color:#fff;opacity:.6;padding:10px 30px;transition:border-radius .5s cubic-bezier(.175,.885,.32,1.275)}.about_me-block strong{color:#00a2ff}.shadow{box-shadow:inset 0 -3em 3em #0000001a,0 0 0 2px #bebebe,.3em .3em 1em #0000004d}.x-icon{position:absolute;cursor:pointer;top:0vh;right:2vh;font-size:30px;display:none}.certificates-block{position:relative;z-index:1;background-color:#0091ff14;border-radius:20px;padding:10px 20px;color:#fff}.list-of-certificates{padding:10px}.list-of-certificates img{margin-right:10px}.list-of-certificates li{display:flex;align-items:center;justify-content:start}.list-of-certificates li a{display:flex;align-items:center}.certificate-link{text-align:start;margin:12px auto;color:#fff}.link-icon-certificates{margin-left:10px}.block-text{font-size:35px;font-weight:100;color:#fff;position:relative;z-index:1}.block-text-bold{font-weight:900;font-size:45px}.block-text p{margin:0;opacity:.7}.chevron-icon{position:relative;z-index:1;rotate:-90deg;animation:jump .8s infinite}@keyframes jump{0%,to{top:10px}30%{top:0px}}@media only screen and (max-width:1200px){.personal-picture{width:300px}.picture-background{width:300px!important;max-height:300px}.alternative-contact{font-size:14px}.block-text{font-size:25px}.block-text-bold{font-size:35px}.about_me-block{font-size:14px}.certificates-block{padding:5px 10px}.list-of-certificates{font-size:14px}}@media only screen and (max-width:1024px){.personal-picture{width:200px}.picture-background{width:200px!important;max-height:200px}}@media only screen and (max-width:768px){section{grid-template-columns:repeat(1,1fr);grid-template-rows:.5fr 2fr}.grid-block{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.mainsection1{grid-template-rows:1fr 1fr;grid-template-columns:1fr 2fr;position:relative;padding-top:60px}.mainsection1 .grid-block:nth-child(1){grid-column:1;grid-row:1}.mainsection1 .grid-block:nth-child(2){grid-column:2;grid-row:1}.mainsection1 .grid-block:nth-child(3){grid-column:2;grid-row:2;align-self:flex-start}.alternative-contact{font-size:12px}.alternative-contact svg,.alternative-contact img{width:40px}.text-alternative-contact{display:none}.other-contacts{flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-left:20px}.block-icon{font-size:20px}.about_me-block{font-size:12px;position:absolute;top:70px;right:16vw;width:60vw;padding:30px;background-color:#000000f2;opacity:1;z-index:2}.x-icon{display:block}.certificates-block{font-size:12px;position:absolute;bottom:10vh;right:10vw;width:60vw;padding:10vh 10vw;background-color:#000000f2;opacity:1;display:flex;justify-content:center;z-index:2}.chevron-icon{width:30px}.mainsection2 .grid-block:nth-child(1){justify-content:flex-end;padding-bottom:10px}}@media only screen and (max-width:500px){.change-block{display:flex;gap:15px;justify-content:center;align-items:center;position:relative}.about_me-block{top:-250px;right:auto;padding:5vh 5vw}.certificates-block{top:-250px;bottom:auto;right:auto;padding:5vh 5vw}.mainsection1{display:flex;flex-direction:column;justify-content:flex-start;gap:20px}.mainsection1 .grid-block:nth-child(2) .change-block,.mainsection1 .grid-block:nth-child(3) .change-block{display:flex;flex-wrap:wrap}.mainsection1 .grid-block:nth-child(3) .change-block{margin-top:15px;width:320px}.block-text-bold{font-size:18px}.chevron-icon{rotate:180deg;width:20px;position:absolute}.mainsection1 .grid-block:nth-child(2) .change-block .chevron-icon{animation:jump1 .8s infinite}.mainsection1 .grid-block:nth-child(3) .change-block .chevron-icon{animation:jump2 .8s infinite}@keyframes jump1{0%,to{right:-30px}30%{right:-24px}}@keyframes jump2{0%,to{right:0vw}30%{right:2vw}}}.projects-block{width:100%;display:flex;overflow:auto}.projects-content *{padding:0;margin:0}.projects-content{padding:70px 0 15px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:auto;gap:50px;margin-bottom:10px}.project-card{width:350px;height:350px;border-radius:10px;overflow:hidden;background-color:#1f2023;display:flex;flex-direction:column;position:relative}.project-card:hover{transform:scale(1.05)}.img-project-card{width:100%;height:100%;background-color:#1f2023}.img-project-card img{max-width:350px}.text-project-card{padding:15px;display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:#1f2023}.title-project-card{text-align:center;margin-bottom:10px;font-weight:900;font-size:16px;color:#fff}.description-project-card{z-index:1;margin:0;font-size:14px;justify-self:flex-start;color:#fff}.description-project-card strong{font-weight:700;color:#00a2ff}.links-project-card{margin-top:5px;display:flex;justify-content:space-evenly}.svg-link{width:25px;height:25px;transform:translateY(25%);fill:#282828}.links-project-card .link{color:var(--font-color);font-weight:600;font-size:15px;text-decoration:none}.links-project-card .link:hover{text-decoration:underline}@media only screen and (max-width:768px){.projects-content{padding:30px 0 10px;gap:20px;margin-bottom:30px}.project-card{width:300px;height:300px}.img-project-card img{max-width:300px}.title-project-card{font-size:16px}.description-project-card{z-index:1;margin:0;font-size:12px;justify-self:flex-start}.links-project-card .link{font-size:13px;color:#fff}}@media only screen and (max-width:500px){.projects-content{margin-bottom:40px}}.block-skill-card{border:#282828 4px solid;border-radius:20px;position:relative;background-color:#e0e0e0;padding:20px;max-width:800px;min-width:600px;margin:20px 40px}.separator-border-title{position:absolute;border-top:#281DEF 4px solid;top:-4px;left:20px;margin:0;background-color:#e0e0e0;color:transparent}.separator1{width:130px}.separator2{width:120px}.separator3{width:220px}.separator4{width:148px}.title-skill-card{position:absolute;top:-23px;left:20px;margin:0;padding:0 5px;color:#f0f8ff;font-size:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:800;-webkit-text-stroke:1.2px black;text-shadow:4px 4px 8px rgba(0,0,0,.5)}.icons-skill-card{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.icons-skill-card img,.icons-skill-card svg{margin:0 10px}.icon-tech-skill{width:50px}@media only screen and (max-width:1000px){.block-skill-card{max-width:600px;min-width:400px}}@media only screen and (max-width:768px){.block-skill-card{padding:10px;margin:10px 20px;max-width:800px}.title-skill-card{top:-16px;font-size:18px;-webkit-text-stroke:0px black;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.icon-tech-skill{width:45px}.separator1{width:100px}.separator2{width:95px}.separator3{width:170px}.separator4{width:100px}}@media only screen and (max-width:500px){.block-skill-card{max-width:400px;min-width:250px}}.form-block{background-color:#3737b080;width:90%;border-radius:15px;padding:15px;margin-top:30px}.form{display:flex;flex-direction:column;margin:10px 50px}.form button{border-radius:15px;padding:8px 16px;max-width:200px;align-self:flex-end}label{align-self:flex-start;margin-bottom:5px}input,textarea{font-family:monospace,Courier New,Courier;padding:8px 16px;border:0px;border-radius:8px;margin-bottom:15px;background-color:#0003;color:#fff}textarea{resize:none}@media only screen and (max-width:768px){.form-block{margin-top:0}.form{margin:10px 20px}}footer{background-color:transparent;color:#fff;text-align:center;height:10px;bottom:0;left:0;width:100%;position:fixed;height:2px;opacity:0;transform:scaleY(.2);transition:all .4s ease;pointer-events:none}.visible{opacity:1;height:10px;transform:scaleY(1);pointer-events:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;vertical-align:middle;max-width:100vw;margin:0 auto;font-size:9px}.footer-content p{margin:0 10px}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}