*,:after,:before,html{box-sizing:border-box;margin:0;line-height:1.2}a{text-decoration:none}a,button{color:inherit;cursor:pointer}button{background-color:transparent;border-width:0;padding:0}input::-moz-focus-inner{border:0;padding:0;margin:0}dd,ol,ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}p{margin:0}@font-face{font-family:alternative;font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/AbrilFatface-Regular.738419c3.ttf) format("truetype")}@font-face{font-family:main;font-style:normal;font-display:auto;font-weight:100;src:url(../fonts/Roboto-Regular.8a36205b.ttf) format("truetype")}@font-face{font-family:mainBold;font-style:normal;font-display:auto;font-weight:800;src:url(../fonts/Roboto-Bold.b8e42971.ttf) format("truetype")}@font-face{font-family:mainItalic;font-style:italic;font-display:auto;font-weight:100;src:url(../fonts/Roboto-Italic.cebd892d.ttf) format("truetype")}@font-face{font-family:mainLight;font-style:normal;font-display:auto;font-weight:lighter;src:url(../fonts/Roboto-Light.881e150a.ttf) format("truetype")}:root{--navbar-height:70px;--footer-height:60px;--footer-height-mobile:120px;--main-padding:80px;--font-title:"alternative",sans-serif;--font-text:"main",sans-serif;--font-text-bold:"mainBold",sans-serif;--primary-color:#403d39;--secondary-color:#5863f8;--dark-color:#252422;--light-color:#ccc5b9;--darkest-color:#000814;--lightest-color:#fafafa;--main-text-color:var(--dark-color);--secondary-text-color:var(--lightest-color)}body{height:100vh;background-color:var(--lightest-color);color:var(--main-text-color);font-size:14px}body,input,textarea{font-family:var(--font-text)}input,textarea{font-size:.9rem}h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:.8rem}h6{font-size:.6rem}p{padding-bottom:1rem}.app-container{position:relative;display:block}.section-title{font-family:var(--font-title);padding-bottom:1rem}.main-container{min-height:calc(100vh - var(--navbar-height) - var(--footer-height));padding:2rem var(--main-padding)}@media (max-width:750px){.main-container{padding:0 1rem 1rem 1rem}}.simple_link{text-decoration:underline;color:inherit;transition:color .6s;font-weight:700}.simple_link:hover{color:var(--secondary-color)}.portfolio-project-container{display:flex;flex-direction:column}.portfolio-project-container p{padding-bottom:2rem}.portfolio-project-container__images{display:flex;align-items:center;flex-direction:column}.portfolio-project-container__images img{max-width:70vw;padding-bottom:1rem;width:100%}.portfolio-project-container__images img.vertical{max-width:40vw}.portfolio-project-container__images.full{max-width:100%}.portfolio-project-container__images.full img{max-width:800px}@media (max-width:750px){.portfolio-project-container__images.full img{max-width:unset;width:100%}}.aboutme-container{display:grid;grid-template-columns:220px 1fr;grid-template-rows:repeat(2,min-content);justify-items:center;padding:0}.aboutme-container__title{grid-column:1/3}.aboutme-container__part{align-items:center;display:flex;flex-direction:column;padding:1rem 0}.aboutme-container__part.image .image{max-width:220px;height:auto;padding-right:2rem}@media (max-width:750px){.aboutme-container__part.image{display:none}}@media (max-width:750px){.aboutme-container{grid-template-columns:1fr}}.portfolio-more-projects-button{display:flex;justify-content:center;padding-bottom:2rem}:root{--nav-border-color:var(--dark-color)}.mobile-header{display:none}@media (max-width:750px){.mobile-header{display:flex;height:var(--navbar-height);width:100%;position:relative;border-bottom:1px solid var(--dark-color);margin-bottom:1rem;justify-content:center;align-items:center}}.mobile-header .menu--ra--icon--mobile,.mobile-header .menu--ra--link--mobile{height:calc(var(--navbar-height) - 30px)}.nav{background-color:var(--lightest-color);color:var(--dark-color);border-bottom:1px solid var(--nav-border-color);font-size:1rem;height:var(--navbar-height);position:sticky;top:0;z-index:10}.nav--container{display:grid;grid-template-rows:auto;grid-template-columns:1fr auto;grid-auto-flow:dense;height:100%;left:0;right:0;margin:auto;padding:0 5rem}@media (max-width:750px){.nav--container .nav__menu{padding-top:1rem}}@media (max-width:750px){.nav{display:none;visibility:hidden}.nav.opened{display:inherit;visibility:visible}.nav--container{padding:0;height:100vh}}.nav__menu{flex-direction:row}.nav__menu,.nav__menu__option{display:flex;height:100%;align-items:center}.nav__menu__option{transition:color .6s}.nav__menu__option a{padding:0 .8rem;height:100%;display:flex;align-items:center}.nav__menu__option:last-child{padding-right:0}.nav__menu__option.--active,.nav__menu__option:hover{color:var(--secondary-color)}.nav__menu__option.option-active a,.nav__menu__option .router-link-active{font-weight:700;color:var(--lightest-color);background-color:var(--dark-color)}@media (max-width:750px){.nav{position:absolute;top:60px;left:0;right:0;height:100%;display:flex;flex-direction:column;padding:0}.nav--home{display:none}.nav__menu{flex-direction:column;height:unset;padding-top:3rem;width:100vw;position:fixed}.nav__menu__option{height:3rem;width:100%}.nav__menu__option a{text-align:center;width:100%;padding:0;justify-content:center}}.menu--ra--icon{height:calc(var(--navbar-height) - 15px);position:absolute;top:0;bottom:0;margin:auto}@media (max-width:860px){.menu--ra--icon{height:calc(var(--navbar-height) - 30px)}}.menu--icon{display:none}@media (max-width:750px){.menu--icon{background-color:var(--lightest-color);display:flex;justify-content:center;align-items:center;position:absolute;right:1rem;top:.9rem;z-index:15}.menu--icon--image{width:40px;height:40px;padding:.5rem}}.footer{background-color:var(--darkest-color);color:var(--secondary-text-color);height:var(--footer-height);font-size:.9rem}.footer-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 5rem;margin:auto}.footer-container__rrss{display:flex;gap:.7rem}.footer-container__rrss .social-icon{width:24px;height:24px}.footer-container__rrss .social-icon:hover img{filter:brightness(1.5) sepia(100%) hue-rotate(235deg)}.footer-container__rrss .social-icon img{width:24px;height:24px}@media (max-width:750px){.footer{height:var(--footer-height-mobile)}.footer-container{flex-direction:column;justify-content:space-evenly;padding:1rem}}.project-card{position:relative;display:block;height:400px;overflow:hidden;transition:box-shadow .3s ease-in-out;border:2px solid var(--primary-color)}.project-card:hover .project-card--background{background:top no-repeat;background-size:600px}.project-card:hover .project-card--info{margin-top:-2rem}.project-card--background{width:100%;height:80%;background:50% no-repeat;background-size:500px;transition:background .5s ease-in-out}.project-card--info{display:flex;flex-direction:column;justify-content:center;height:calc(20% + 1rem);padding:0 .5rem;margin-top:-1rem;position:relative;transition:margin-top .5s ease-in-out;background:#fff;background:linear-gradient(0deg,#fff,#fff 90%,transparent)}.project-card .section-title{padding:1rem 0 .4rem 0;font-size:1.2rem}.category-filter{display:flex;gap:.5rem;flex-wrap:wrap;padding:0 1rem 1rem 1rem}@media (min-width:750px){.category-filter{padding:1rem var(--main-padding) 0}}.category-filter_button{background-color:var(--secondary-text-color);border:none;padding:.25rem .5rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}@media (min-width:750px){.category-filter_button{padding:.5rem 1rem}}.category-filter_button.active{background-color:var(--secondary-color);color:var(--secondary-text-color)}.category-filter_button:hover{background-color:var(--primary-color);color:var(--secondary-text-color)}.portfolio-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:400px;grid-gap:1rem}@media (min-width:440px){.portfolio-container_card:first-child,.portfolio-container_card:nth-child(6n){grid-column:span 2;width:100%}}