@font-face{font-family:"fontello";src:url("../font/fontello.eot?18512077");src:url("../font/fontello.eot?18512077#iefix") format("embedded-opentype"),url("../font/fontello.woff2?18512077") format("woff2"),url("../font/fontello.woff?18512077") format("woff"),url("../font/fontello.ttf?18512077") format("truetype"),url("../font/fontello.svg?18512077#fontello") format("svg");font-weight:normal;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-suitcase:before{content:""}.icon-graduation-cap:before{content:""}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}::-moz-selection{color:#fff;background:#d11541}::selection{color:#fff;background:#d11541}html{box-sizing:border-box;font-size:1em}body{font-family:"Inter",sans-serif;color:#37343a;font-weight:300;line-height:1.5em}.container{max-width:1300px;margin:0 auto;padding:0 2%;width:100%}@media only screen and (max-width: 75em){.container{padding:0 1.5rem}}@media only screen and (max-width: 56.25em){.container{padding:0 1.25rem}}@media only screen and (max-width: 37.5em){.container{padding:0 .8rem}}.section-services{background-color:#f1ede4;clip-path:polygon(0 0, 100% 15vh, 100% 100%, 0 100%)}@media only screen and (max-width: 56.25em){.section-services{clip-path:polygon(0 0, 100% 10vh, 100% 100%, 0 100%)}}@media only screen and (max-width: 37.5em){.section-services{clip-path:polygon(0 0, 100% 7vh, 100% 100%, 0 100%)}}.section-contact{background-color:#1b1b1b;color:#fff}.section-home{background-color:#e1dfd4;height:85vh;min-height:600px;clip-path:polygon(0 0, 100% 0, 100% 75vh, 0 100%);display:flex}@media only screen and (max-width: 75em){.section-home{height:auto;min-height:auto;clip-path:polygon(0 0, 100% 0, 100% 75vh, 0 100%)}}@media only screen and (max-width: 56.25em){.section-home{width:100%;clip-path:polygon(0 0, 100% 0, 100% 80vh, 0 100%)}}@media only screen and (max-width: 37.5em){.section-home{clip-path:polygon(0 0, 100% 0, 100% 93vh, 0 100%)}}.section-projects{background-color:#c5d5cd;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 15vh), 0 100%);padding-top:4rem}@media only screen and (max-width: 56.25em){.section-projects{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 10vh), 0 100%)}}@media only screen and (max-width: 37.5em){.section-projects{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 7vh), 0 100%)}}.btn{border:none;cursor:pointer;text-decoration:none;padding:1rem 2rem;display:inline-block;border-radius:10rem;transition:all .2s;position:relative;font-size:1em;width:-moz-max-content;width:max-content;background-color:#d11541;color:#fff;box-shadow:rgba(50, 50, 93, 0.1) 0 0 0 1px inset,rgba(50, 50, 93, 0.1) 0 2px 5px 0,rgba(0, 0, 0, 0.07) 0 1px 1px 0}@media only screen and (max-width: 37.5em){.btn{padding:.6rem 1.1rem}}.btn:hover,.btn:focus{box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.5);transform:translateY(-2px)}.p--underline{position:relative}.p--underline::after{content:"";position:absolute;left:0;bottom:-0.7rem;width:100%;background-color:#aaa;height:1px}.primary--underline{position:relative}.primary--underline::after{content:"";position:absolute;bottom:-0.5rem;left:0;width:4rem;height:2px;background-color:#e91f4f}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:0;top:0;width:auto;height:auto;padding:1rem;background:#000;color:#fff;z-index:1000}.heading-primary--main{font-weight:300}.heading-primary--main span{font-weight:600}.heading-primary{font-size:3em;line-height:1.25em}@media only screen and (max-width: 37.5em){.heading-primary{font-size:2.5em}}.heading-primary--sub{font-size:1.75rem;line-height:.8em;font-weight:500}@media only screen and (max-width: 37.5em){.heading-primary--sub{font-size:1.4rem}}.heading__container{width:100%;display:flex;justify-content:center}.heading-primary--sub,.heading-2,.heading-3{font-family:"Lora",serif}.heading-2{display:inline-block;font-weight:400;font-size:3em;line-height:1.25em;text-align:center;color:#6d5d4b;text-transform:uppercase;position:relative}@media only screen and (max-width: 56.25em){.heading-2{font-size:2.5em}}@media only screen and (max-width: 37.5em){.heading-2{font-size:2em}}.heading-2::after{content:"";position:absolute;top:100%;left:0;width:4rem;height:2px;background-color:#e91f4f}.heading-3{font-weight:400;font-size:2.25em;line-height:2.25rem}@media only screen and (max-width: 56.25em){.heading-3{font-size:2em}}@media only screen and (max-width: 37.5em){.heading-3{font-size:2em}}.heading--color-primary{color:#e91f4f}.external-link{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;vertical-align:middle;margin-top:auto;align-self:center}.external-link__icon{width:1em;height:1em;fill:currentColor;flex-shrink:0}.u-margin-bottom-small{margin-bottom:1.5rem}.u-margin-bottom-medium{margin-bottom:4rem}@media only screen and (max-width: 56.25em){.u-margin-bottom-medium{margin-bottom:2rem}}.u-padding-top-medium{padding-top:4rem}@media only screen and (max-width: 56.25em){.u-padding-top-medium{padding-top:2rem}}.u-padding-top-huge{padding-top:10rem}.u-padding-bottom-medium{padding-bottom:4rem}@media only screen and (max-width: 56.25em){.u-padding-bottom-medium{padding-bottom:2rem}}.zoom-in{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transition:all 250ms ease}.no-download{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.home{display:flex;gap:2rem;justify-content:space-between}@media only screen and (max-width: 56.25em){.home{flex-direction:column-reverse;padding-bottom:3rem}}.home__content{display:flex;flex-direction:column;justify-content:center;width:50%}@media only screen and (max-width: 56.25em){.home__content{width:100%;justify-content:start}}.home__content .heading-primary{display:flex;flex-direction:column}.home__content p{margin-bottom:2rem}.home__picture{max-width:100%;max-height:100%;display:flex}@media only screen and (max-width: 56.25em){.home__picture{height:30vh;min-height:330px;overflow:hidden;-o-object-fit:cover;object-fit:cover;align-self:center}}@media only screen and (max-width: 37.5em){.home__picture{height:30vh;min-height:auto}}.home__picture .img{max-width:100%;height:665px;display:block;-o-object-fit:cover;object-fit:cover;margin-top:auto}@media only screen and (max-width: 75em){.home__picture .img{height:50vw}}@media only screen and (max-width: 56.25em){.home__picture .img{width:100%;height:50vw}}.home picture{display:flex;align-items:flex-end}.heading-primary{margin-bottom:1.5rem}.heading-primary--main{margin-bottom:1.1rem}.heading-primary--sub{margin-bottom:1.5rem}.navigation__btn{display:none}@media only screen and (max-width: 56.25em){.navigation__btn{display:block;height:2rem;width:2rem;border:none;margin-left:auto;background-color:transparent;z-index:1000;text-align:center;cursor:pointer}}.navigation__list{list-style:none;display:flex;padding-right:5vw;flex-direction:row}@media only screen and (max-width: 56.25em){.navigation__list{flex-direction:column}}.navigation__link:link,.navigation__link:visited{font-size:1em;font-family:"Lora",serif;font-weight:500;color:#37343a;text-decoration:none;text-transform:uppercase;text-align:center;padding:.7rem 2rem;transition:all .2s ease-in;background-image:linear-gradient(100deg, transparent 0%, transparent 50%, #D11541 50%);background-size:220%}.navigation__link:hover,.navigation__link:active,.selected>.navigation__link{background-position:100%;color:#fff}@media only screen and (max-width: 56.25em){.navigation__icon{position:relative;margin-top:1rem}.navigation__icon,.navigation__icon::before,.navigation__icon::after{width:1.5rem;height:2px;background-color:#37343a;display:inline-block}.navigation__icon::before,.navigation__icon::after{content:"";position:absolute;left:0;transition:all .2s}.navigation__icon::before{top:-0.5rem}.navigation__icon::after{top:.5rem}.navigation__btn:hover .navigation__icon:before{top:-0.5rem}.navigation__btn:hover .navigation__icon:after{top:.5rem}.navigation__btn.close .navigation__icon{background-color:transparent}.navigation__btn.close .navigation__icon::before{top:0;transform:rotate(135deg)}.navigation__btn.close .navigation__icon::after{top:0;transform:rotate(-135deg)}.navigation__nav{height:100%;display:none;padding:1rem 0 1rem 0;text-align:center}.navigation__nav.show{opacity:1;height:auto}.navigation__item{padding-bottom:1rem}}.header{display:flex;justify-content:space-between;width:100%;height:-moz-min-content;height:min-content;align-items:center;padding:1rem;position:relative;background-color:#fff;z-index:100}@media only screen and (max-width: 56.25em){.header{display:block}}.header__logo-box{position:relative;height:32px;width:80px}.header__logo-box img{position:absolute;top:50%;left:50%;transform:translate(-50%, -42%)}@media only screen and (max-width: 56.25em){.header__logo-box{float:left}}.header__logo-box:hover{transform:scale(1.05)}@supports(position: sticky){.sticky-top{position:sticky;top:0;z-index:1000;background-color:#fff}}.services__list{display:flex;flex-direction:column;gap:1rem}.vertical-card{display:flex;gap:2rem;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding:1.5rem 2rem;background-color:#f9f7f6;border-radius:4px}@media only screen and (max-width: 56.25em){.vertical-card{flex-direction:column}}.vertical-card__img{width:30%}@media only screen and (max-width: 56.25em){.vertical-card__img{width:75%;max-height:200px;align-self:center}}.vertical-card__text{text-align:center;display:flex;flex-direction:column;align-items:center}.vertical-card__tittle{margin-bottom:2rem;align-self:flex-start;text-align:center;width:100%}.about{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}@media only screen and (max-width: 56.25em){.about{flex-direction:column}}.about__picture{margin-right:1.5rem;width:100%;max-width:400px;height:auto;width:100%}@media only screen and (max-width: 56.25em){.about__picture{margin-right:0;margin-bottom:2rem;width:auto}}.about__img{border-radius:5px;box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.1),0 6px 30px 0 rgba(0, 0, 0, 0.1);width:100%;max-width:400px;height:auto}.about__details{width:60%}@media only screen and (max-width: 56.25em){.about__details{width:100%}}.skills .heading-3{text-align:center}.skills-bar{display:grid;grid-template-columns:1fr 1fr;width:100%;list-style:none;margin:0;padding:0;gap:2rem;margin-bottom:4rem}@media only screen and (max-width: 56.25em){.skills-bar{display:block}}@media only screen and (max-width: 56.25em){.skills-bar__item{margin-bottom:2rem}}.skills-bar__item:nth-child(odd){grid-column:1/2}.skills-bar__item:nth-child(even){grid-column:2/3}.skills-bar__title{position:relative}.skills-bar__container{background:#37343a;position:relative;width:100%;height:5px;margin-top:5px;display:block;border-radius:5px}.skills-bar__percent{position:absolute;right:5px;top:0}.skills-bar__progressbar{position:absolute;width:0%;height:100%;border-radius:5px;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:both;background-color:#e91f4f}.skills-bar #progress-html.animate{animation-name:progress-html;animation-delay:.4s}.skills-bar #progress-css.animate{animation-name:progress-css;animation-delay:.4s}.skills-bar #progress-typescript.animate{animation-name:progress-typescript;animation-delay:.4s}.skills-bar #progress-angular.animate{animation-name:progress-angular;animation-delay:.4s}.skills-bar #progress-react.animate{animation-name:progress-react;animation-delay:.4s}.skills-bar #progress-accessibility.animate{animation-name:progress-accessibility;animation-delay:.4s}@keyframes progress-html{0%{width:0%}100%{width:90%}}@keyframes progress-css{0%{width:0%}100%{width:90%}}@keyframes progress-typescript{0%{width:0%}100%{width:70%}}@keyframes progress-angular{0%{width:0%}100%{width:80%}}@keyframes progress-react{0%{width:0%}100%{width:30%}}@keyframes progress-accessibility{0%{width:0%}100%{width:90%}}.projects__list{display:grid;grid-template-columns:repeat(auto-fit, minmax(22rem, 1fr));padding-bottom:4rem}@media only screen and (max-width: 56.25em){.projects__list{display:block}}.projects__item{margin:1rem 2rem}@media only screen and (max-width: 56.25em){.projects__item{margin:1rem 0}}.projects__item:last-child{grid-column:auto}@media only screen and (max-width: 75em){.projects__item:last-child{grid-column:1/span 2}}.card{display:flex;flex-direction:column;background-color:#f9f7f6;border-radius:4px;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding:1.5rem 2rem 2.5rem 2rem;text-align:center;height:100%;margin:0 auto;max-width:22rem}@media only screen and (max-width: 56.25em){.card{max-width:none}}.card__img{margin-bottom:1.5rem;max-height:200px;-o-object-fit:cover;object-fit:cover}.card__tittle{line-height:4rem;margin-bottom:1.5rem}.card__text{margin-bottom:1rem}.card .project-link{color:#d11541}.contact .heading-2{color:#fff}.contact__text{text-align:center}.contact__list{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr))}@media only screen and (max-width: 37.5em){.contact__list{display:block}}.contact__item{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem}.contact__item:hover .zoom-in{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1)}.contact__item:last-child{grid-column:auto}@media only screen and (max-width: 56.25em){.contact__item:last-child{grid-column:1/span 2}}.contact__icon-container{height:4rem;width:4rem;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;margin-block:2rem}.contact__icon{fill:#e91f4f;width:2rem}.contact .teams{width:3rem;margin-bottom:-5px}.contact__name{font-size:1.75em;margin-bottom:1rem}.contact__email{color:#fff}.contact .external-link{width:1rem;height:1rem;margin-left:4px;margin-bottom:3px;fill:#fff}.contact .linkedin-link{display:flex;align-items:center;color:#fff}.timeline{position:relative;width:100%;max-width:1300px;margin:0 auto;padding:15px 0}.timeline::after{content:"";position:absolute;width:2px;background:#e91f4f;top:0;bottom:0;left:50%;margin-left:-1px}.timeline__container{padding:15px 30px;position:relative;background:inherit;width:50%}@media only screen and (max-width: 56.25em){.timeline__container:not(.timeline__title){width:100%;left:0;right:0;background-color:inherit;background-color:#f9f7f6;border-radius:4px;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-bottom:1rem;z-index:100}}.timeline__container--right{left:50%}.timeline__container--left{left:0}.timeline__container::after{content:"";position:absolute;width:16px;height:16px;top:calc(50% - 8px);right:-8px;background:#fff;border:5px solid #e91f4f;border-radius:16px;z-index:1}@media only screen and (max-width: 56.25em){.timeline__container::after{content:none}}.timeline__container.timeline__title::after{content:"";position:absolute;width:30px;height:30px;top:50%;right:0;transform:translate(-25%, -50%);background:#e91f4f;border:2px solid #e91f4f;border-radius:16px;z-index:1}.timeline__container.timeline__title::before{font-family:"fontello";content:"";font-weight:900;display:inline-block;color:#fff;position:absolute;top:50%;left:0px;transform:translate(-50%, -50%);z-index:2}.timeline__container.timeline__title.education::before{content:""}.timeline__container--right::after{left:-8px}.timeline__container--right::before{left:8px}.timeline__sub-title{margin:0 0 10px 0;font-size:18px;font-weight:normal;color:#006e51}.timeline__content{padding:2rem}@media only screen and (max-width: 56.25em){.timeline__content{padding:0 !important;text-align:center !important}}.timeline__container--right .timeline__content{padding:2rem;text-align:left}.timeline__container--left .timeline__content{text-align:end}.timeline__date{color:#e91f4f}.footer{background-color:#070707;height:4rem;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}.footer__link{color:#fff}/*# sourceMappingURL=style.css.map */