html,*,:before,:after{box-sizing:border-box;margin:0;line-height:1.2}a{color:inherit;cursor:pointer;text-decoration:none}button{color:inherit;cursor:pointer;background-color:#0000;border-width:0;padding:0}input::-moz-focus-inner{border:0;margin:0;padding:0}ul,ol,dd{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{margin:0}@font-face{font-family:alternative;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/AbrilFatface-Regular-JRGmcXPo.woff)format("woff")}@font-face{font-family:main;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/Roboto-Regular-_Y3kSFgC.woff)format("woff")}:root{--navbar-height:70px;--footer-height:60px;--footer-height-mobile:120px;--main-padding:80px;--content-max:1200px;--prose-max:720px;--page-max:calc(var(--content-max) + 2 * var(--main-padding));--text-base:1rem;--text-lead:1.125rem;--text-sm:.875rem;--heading-section:1.4rem;--font-title:"alternative", sans-serif;--font-text:"main", sans-serif;--primary-color:#403d39;--secondary-color:#4c57ee;--dark-color:#252422;--light-color:#ccc5b9;--darkest-color:#000814;--lightest-color:#fafafa;--error-color:#c9351f;--main-text-color:var(--dark-color);--secondary-text-color:var(--lightest-color)}body{height:100vh;font-family:var(--font-text);background-color:var(--lightest-color);color:var(--main-text-color);font-size:var(--text-base)}input,textarea{font-family:var(--font-text);font-size:var(--text-base)}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{display:block;position:relative}.section-title{font-family:var(--font-title);padding-bottom:1rem}.main-container{min-height:calc(100vh - var(--navbar-height) - var(--footer-height));max-width:var(--page-max);padding:2rem var(--main-padding);margin:0 auto}@media (width<=750px){.main-container{min-height:calc(100vh - var(--navbar-height) - var(--footer-height-mobile) - 1rem);padding:0 1rem 1rem}}.button-primary{background-color:var(--secondary-color);color:var(--secondary-text-color);border-radius:5px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.button-primary:hover{background-color:var(--dark-color)}.simple_link{color:inherit;font-weight:700;text-decoration:underline;transition:color .6s}.simple_link:hover{color:var(--secondary-color)}:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}[tabindex="-1"]:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:20;background-color:var(--darkest-color);color:var(--lightest-color);border-radius:5px;padding:.75rem 1.5rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}:root{--nav-border-color:var(--dark-color)}.mobile-header{display:none}@media (width<=750px){.mobile-header{height:var(--navbar-height);z-index:30;background-color:var(--lightest-color);border-bottom:1px solid var(--dark-color);justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex;position:sticky;top:0}}.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);height:var(--navbar-height);z-index:10;font-size:1rem;position:sticky;top:0}.nav--container{grid-template-rows:auto;grid-template-columns:1fr auto;grid-auto-flow:dense;height:100%;max-width:var(--page-max);padding:0 var(--main-padding);margin:auto;display:grid;left:0;right:0}@media (width<=750px){.nav--container .nav__menu{padding-top:1rem}.nav{visibility:hidden;display:none}.nav.opened{visibility:visible;display:flex}.nav--container{width:100%;max-width:none;height:auto;margin:0;padding:0}}.nav__menu{flex-direction:row;align-items:center;height:100%;display:flex}.nav__menu__option{align-items:center;height:100%;transition:color .6s;display:flex}.nav__menu__option a{align-items:center;height:100%;padding:0 .8rem;display:flex}.nav__menu__option:last-child{padding-right:0}.nav__menu__option a:focus-visible{outline-offset:-2px}.nav__menu__option:hover,.nav__menu__option.--active{color:var(--secondary-color)}.nav__menu__option .router-link-active,.nav__menu__option.option-active a{color:var(--lightest-color);background-color:var(--dark-color);font-weight:700}@media (width<=750px){.nav{top:var(--navbar-height);z-index:20;border-bottom:0;flex-direction:column;height:auto;padding:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.nav--home{display:none}.nav__menu{height:unset;flex-direction:column;width:100%;padding-top:3rem}.nav__menu__option{width:100%;height:3rem}.nav__menu__option a{text-align:center;justify-content:center;width:100%;padding:0}}.menu--ra--icon{height:calc(var(--navbar-height) - 15px);margin:auto;position:absolute;top:0;bottom:0}@media (width<=860px){.menu--ra--icon{height:calc(var(--navbar-height) - 30px)}}.menu--icon{display:none}@media (width<=750px){.menu--icon{background-color:var(--lightest-color);z-index:15;justify-content:center;align-items:center;display:flex;position:absolute;top:.9rem;right:1rem}.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:var(--text-sm)}.footer-container{height:100%;max-width:var(--page-max);padding:0 var(--main-padding);justify-content:space-between;align-items:center;margin:auto;display:flex}.footer-container__link{margin-left:1rem;padding:.5rem 0;text-decoration:underline;display:inline-block}.footer-container__rrss{gap:.7rem;display:flex}.footer-container__rrss .social-icon{width:24px;height:24px}.footer-container__rrss .social-icon:hover img{filter:brightness(1.5)sepia()hue-rotate(235deg)}.footer-container__rrss .social-icon img{width:24px;height:24px}@media (width<=750px){.footer{height:var(--footer-height-mobile)}.footer-container{flex-direction:column;justify-content:space-evenly;padding:1rem}}.project-card{border:2px solid var(--primary-color);background:#fff;height:400px;transition:box-shadow .3s ease-in-out;display:block;position:relative;overflow:hidden}.project-card:hover .project-card--background{background:top/600px no-repeat}.project-card:hover .project-card--info{margin-top:-2rem}.project-card--background{background:50%/500px no-repeat;width:100%;height:80%;transition:background .5s ease-in-out}.project-card--info{background:linear-gradient(#0000 0%,#fff 10% 100%);flex-direction:column;justify-content:center;height:calc(20% + 1rem);margin-top:-1rem;padding:0 .5rem;transition:margin-top .5s ease-in-out;display:flex;position:relative}.project-card .section-title{padding:1rem 0 .4rem;font-size:1.2rem}.category-filter{flex-wrap:wrap;gap:.5rem;padding-bottom:1rem;display:flex}.category-filter_button{background-color:var(--secondary-text-color);border:none;padding:.5rem .75rem}@media (width>=750px){.category-filter_button{padding:.5rem 1rem}}.category-filter_button{cursor:pointer;border-radius:5px;transition:background-color .3s}.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)}.home-intro{padding-bottom:1.5rem}.home-intro__title{padding-bottom:.5rem}.home-intro__text{font-size:var(--text-lead);max-width:var(--prose-max);line-height:1.5}.portfolio-container{grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:400px;display:grid}.portfolio-container_empty{text-align:center;grid-column:1/-1}@media (width>=440px){.portfolio-container_card:first-of-type{grid-column:span 2;width:100%}}@media (width>=950px){.portfolio-container{grid-template-columns:repeat(4,1fr)}}
