@import"https://rsms.me/inter/inter.css";:root{--color-principal: rgb(231, 255, 134);--color-texto: rgb(148, 163, 184);--color-texto-enfasis: whitesmoke;--color-background: #0f172a;--color-background-tech-container: rgba(55, 59, 18, .669);--color-principal-deprecated: rgba(94, 234, 212);--color-background-tech-container-deprecated: rgba(18, 49, 59, .669)}*,*:before,*:after{box-sizing:border-box}*{color:var(--color-texto)}html,body{font-family:Inter,sans-serif;font-feature-settings:"cv11";margin:0;width:100%;height:100%;background-color:var(--color-background);scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:3.2em}h2{font-size:1.3em}p{line-height:1.7em}a{text-decoration:none}b{color:var(--color-texto-enfasis)}.container{display:flex;justify-content:center;width:80%;margin:auto;position:relative}.left{position:sticky;top:0;padding:5.6em 0;flex:0 0 550px;align-self:flex-start}.right{height:100%;scrollbar-width:none;padding:6em 3rem;width:670px;min-width:670px}.right::-webkit-scrollbar{display:none}@media (max-width: 1340px){.container{width:90%}.left{flex:1 1 400px}.right{flex:1 1 500px}}.profile__name{color:var(--color-principal);margin-left:-2px;letter-spacing:-3px}.profile__surname{color:var(--color-texto-enfasis)}.profile__title{margin-bottom:1.3em;margin-top:.4em;color:var(--color-texto-enfasis)}.profile_description{width:350px}.about{font-size:1em;margin-bottom:90px}.menu ul{margin:70px 0 0;padding-left:0;line-height:40px;list-style:none}.menu__name{font-weight:700;color:var(--color-texto);font-size:smaller;vertical-align:middle;transition:color .3s ease}.menu a:hover .menu__name,.menu a.active .menu__name{color:var(--color-principal)}.menu__bar{display:inline-block;vertical-align:middle;height:1px;width:40px;margin-right:10px;background-color:var(--color-texto);transition:width .3s ease,background-color .3s ease}.menu a:hover .menu__bar,.menu a.active .menu__bar{width:70px;background-color:var(--color-principal)}.menu a:focus-visible .menu__bar{transition:none}.social_media{position:fixed;bottom:0;gap:2em;display:flex;margin-bottom:75px;transition:opacity .3s}.social_media .icon{width:1.7em;height:auto;fill:var(--color-texto)}.social_media :hover .icon{fill:var(--color-principal)}@media (max-height: 630px){.social_media{position:static;margin-top:20px}}.card{margin-top:0;margin-bottom:2em;display:flex;padding:2em;border-radius:6px;border-top:1px solid transparent;margin-left:-30px}.card .icon{width:1em;height:auto;fill:var(--color-texto-enfasis);margin-left:.5em;transform:translateY(2px);transition:transform .2s ease,fill .2s ease}.card:hover{background-color:#5b678213;border-top:1px solid rgba(255,255,255,.075);box-shadow:0 4px 3px #0000001b}.card:hover .icon{transform:translate(2px,-2px);fill:var(--color-principal)}.card:hover .title,.card:hover .icon{color:var(--color-principal);fill:var(--color-principal)}.card__left_column{font-size:.75em;min-width:25%;font-weight:500;padding-top:4.5px;margin-right:3.5em}.card__left_column .period{color:var(--color-texto)}.card__right_column .title{font-weight:700;color:var(--color-texto-enfasis);margin-bottom:.5em}.card__right_column .description{line-height:1.3em;margin-top:.8em;margin-bottom:1em}.card__right_column .tech_container{display:flex;flex-wrap:wrap;gap:7px}.education_card{padding-top:1em;padding-bottom:.5em;margin-bottom:.3em}.project_card .icon{transform:translateY(2px);transition:transform .2s ease,fill .2s ease}.img_container{width:150px;aspect-ratio:16 / 9;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:2px;background-color:#ffffff1a;border-color:#424c68}.project_image{width:130px;height:auto;border-radius:2px}.project_image{height:100%;width:auto;object-fit:contain}.card:hover .img_container{border-color:#f5f5f54e}.section_link_container{padding-top:10px;padding-bottom:120px}.section_link_txt{color:var(--color-texto-enfasis);font-weight:700}.section_link_container .icon{width:1em;height:auto;fill:var(--color-texto-enfasis);margin-left:.5em;transform:translate(-2px,2px);transition:transform .2s ease,fill .2s ease}.section_link_container a:hover .section_link_txt,.section_link_container a:hover .icon{color:var(--color-principal);fill:var(--color-principal)}.section_link_container a:hover .icon{transform:translate(0)}.projects_link_container{padding-top:10px;padding-bottom:120px}.projects_link_txt{color:var(--color-texto-enfasis);font-weight:700}.projects_link_container .icon{width:1em;height:auto;fill:var(--color-texto-enfasis);margin-left:.5em;transform:translateY(2px);transition:transform .2s ease,fill .2s ease}.projects_link_container a:hover .projects_link_txt,.projects_link_container a:hover .icon{color:var(--color-principal);fill:var(--color-principal)}.projects_link_container a:hover .icon{transform:translate(8px,2px)}#sobre-mi{scroll-margin-top:100px}.title__sobre-mi,.title__experiencia,.title__proyectos,.title__educacion,.period_mobile{display:none}@media (max-width: 1150px){.title__sobre-mi,.title__experiencia,.title__proyectos,.title__educacion{display:block;color:var(--color-texto-enfasis);margin-bottom:2em}.container{display:block;justify-content:center;width:100%;margin:auto;position:relative}.left{position:relative;padding:3em 3em 1em;align-self:auto}.right{height:100%;scrollbar-width:none;padding:6em 3rem;width:100%;min-width:100%}.menu{display:none}.social_media{position:relative;gap:2em;display:flex;margin-bottom:0;margin-top:20px;transition:opacity .3s}.social_media :hover .icon{fill:var(--color-principal)}.card:hover{background-color:transparent;border-top:1px solid transparent;box-shadow:none}.card:hover .icon{transform:none;fill:var(--color-texto-enfasis)}.card:hover .title,.card:hover .icon{color:var(--color-texto-enfasis);fill:var(--color-texto-enfasis)}@media (max-width: 800px){.card:has(.img_container){display:flex;flex-direction:column}.card:has(.img_container) .card__left_column{min-width:auto;margin-right:0;margin-bottom:1em;order:1}.card:has(.img_container) .img_container{width:200px;margin-top:20px}.card:has(.img_container) .card__right_column{order:0}}@media (max-width: 400px){.card{width:100%;padding:0;margin:30px 0}.card__left_column{display:none}.card__left_column:has(.img_container){display:block}.period_mobile{display:block}.right{padding:6em 1.5rem 6em 3em}}}.projects_container{padding:6em 0;margin:0 auto;max-width:1180px;max-width:80%}.back_link{display:flex}.back_link .name{color:var(--color-principal)}.back_link .icon{width:1.2em;height:auto;fill:var(--color-principal);font-weight:500;margin-right:.4em}.back_link:hover .icon{transform:translate(-10px);transition:transform .2s ease}.projects_title{color:var(--color-texto-enfasis)}table{margin-top:3em;border-collapse:collapse}th,td{vertical-align:top;text-align:left;padding:20px 12px;border-bottom:1px solid rgba(231,255,134,.094)}td:first-child,th:first-child{padding-left:0}tbody tr:last-child td{border-bottom:none}td.year{min-width:80px}td.project_name,thead th{color:var(--color-texto-enfasis)}.project_row .technologies span{display:inline-block;margin-right:8px;margin-bottom:.8em;color:var(--color-principal);background-color:var(--color-background-tech-container);padding:0 1em;border-radius:20px;font-size:.8em;font-weight:600;line-height:2.2em}table a{display:inline-flex;align-items:center}.project_row .technologies span:last-child{margin-right:0}.card__right_column .tech_container{display:flex;flex-wrap:wrap}.card__right_column .tech_container span{color:var(--color-principal);background-color:var(--color-background-tech-container);padding:0 1em;border-radius:20px;font-size:.8em;font-weight:600;line-height:2.2em}.project_row .link .icon{fill:var(--color-texto);height:17px}.project_row a:hover .icon{transform:translate(7px,-7px);transition:transform .2s ease;fill:var(--color-principal)}.project_row a:hover span{color:var(--color-principal)}@media (max-width: 1130px){.technologies{display:none}table{width:100%}}@media (max-width: 690px){.projects_container{padding:6em 1em;margin:0 auto;max-width:1180px;max-width:100%}}.desktop_name{color:var(--color-texto-enfasis)}.mobile_link,.mobile_text{display:none}.link{display:table-cell}@media (max-width: 525px){.desktop_name{display:none}.mobile_link,.mobile_text{display:inline;color:var(--color-texto-enfasis)}.mobile_link:hover{color:var(--color-principal);fill:var(--color-principal)}.link{display:none}.mobile_link .icon{fill:var(--color-texto);height:17px}.year{width:40px}}