@keyframes waving{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}:root{--bg: hsl(0, 0%, 92%);--bg-header: hsl(0, 0%, 97%);--font: hsl(0, 0%, 20%);--font-light: hsl(0, 0%, 45%);--active: hsl(44, 98%, 50%);--font-family: "Poppins", sans-serif;--font-family-handy: "Pacifico", cursive}:root.darkMode{--bg: hsl(240, 4%, 9%);--bg-header: hsl(240, 13%, 13%);--font: hsl(0, 0%, 100%);--font-light: hsl(0, 0%, 60%);--active: hsl(44, 98%, 64%)}html{font-size:62.5%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}body{background-color:var(--bg);color:var(--font);font-family:var(--font-family);font-size:1.6rem;font-weight:400;line-height:1.3;overflow-x:hidden;cursor:default;min-height:100vh;position:relative;padding-bottom:10rem;transition:background-color .3s ease-out}a{color:var(--font-light);text-decoration:none}ul{list-style:none}h1,h2,h3{line-height:1.15}p{line-height:1.5}button{border:0;cursor:pointer;background-color:transparent;font-size:1.4rem}button:focus-visible{outline:0}.btn{padding:1.4rem 3.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-jc-sb{justify-content:space-between}.flex-jc-c{justify-content:center}.flex-ai-c{align-items:center}.flex-gap-sm{gap:1rem}.flex-gap-md{gap:1.5rem}.flex-gap-lg{gap:2rem}.flex-gap-xl{gap:2.5rem}.flex-wrap{flex-wrap:wrap}.container{max-width:111rem;margin:0 auto;padding:3rem 2rem}@media (min-width: 64em){.container{padding:4rem 3rem}}.text-center{text-align:center}.mb-sm{margin-bottom:.75rem}.mb-md{margin-bottom:1.5rem}.my-sm{margin-right:.5rem;margin-left:.5rem}@media (max-width: 63.9375em){.hide-on-mobile{display:none}}@media (min-width: 64em){.hide-on-desktop{display:none}}.header{background-color:var(--bg-header);transition:background-color .3s ease-out}.header__brand{color:var(--active);font-family:var(--font-family-handy);transition:color .3s ease-out}.header__toggle{color:var(--font-light);cursor:pointer;transition:color .3s ease-out}.header__toggle:hover{color:var(--font)}.header__toggle svg{display:block;width:2rem;height:2rem}.header__nav a:link,.header__nav a:visited{transition:color .25s ease-out}@media (min-width: 40em){.header__nav a:link,.header__nav a:visited{font-size:1.8rem}}.header__nav a:hover,.header__nav a:active{color:var(--font)}.header__nav a.router-link-exact-active{color:var(--font);font-weight:500}.footer{background-color:var(--bg-header);font-size:1.4rem;position:absolute;bottom:0;left:0;right:0;width:100%;height:10rem;transition:background-color .3s ease-out}.footer:hover svg{fill:var(--font-light)}.footer a:last-child{margin-left:-5px}.footer a:hover svg,.footer a:active svg{fill:var(--font)}.footer a svg{display:block;fill:var(--font);transition:fill .3s ease-out}.footer__socials{height:100%}.posts-grid{display:grid;gap:2.25rem;grid-template-columns:1fr}@media (min-width: 40em){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 64em){.posts-grid{grid-template-columns:repeat(3,1fr)}}.posts-grid.block{grid-template-columns:1fr}.post{display:flex;flex-direction:column;font-size:1.4rem;overflow:hidden}.post__demo{display:block;flex:1;max-height:40rem;min-height:20rem;background-color:var(--bg-header);overflow:hidden;position:relative;box-shadow:0 3px 6px #00000026}.post__demo:hover img{filter:brightness(.5) blur(1px);transform:scale(1.05)}.post__demo:hover p{opacity:1;visibility:visible}.post__img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;transition:all .5s ease-out}.post__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center;color:#fff;font-size:2rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;opacity:0;visibility:hidden;transition:opacity .5s ease-out .2s}.post__body{padding:.75rem .5rem 0}.post__tags{font-size:1.2rem}.post__tags a{display:inline-block;transition:color .3s ease-out}.post__tags a:hover{color:var(--font)}.post__code svg{fill:var(--font-light);display:block;width:1.8rem;height:1.8rem;transition:fill .3s ease-out}.post__code svg:hover{fill:var(--font)}.up-button{position:fixed;right:1.5rem;bottom:3rem;z-index:9;background-color:var(--active);font-size:2.5rem;padding:1rem 2rem;transition:color .3s ease-out}@media (min-width: 64em){.up-button{right:3rem}}.up-button:hover{color:#fff}.about__hero{text-align:center;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--font)}.about__hero-photo{width:20rem;height:20rem;padding:.65rem;border:.5rem solid var(--active);object-fit:cover;object-position:top;margin-bottom:1.5rem;border-radius:50%}@media (min-width: 40em){.about__hero-photo{width:25rem;height:25rem}}.about__hero-text{font-size:1.8rem;font-weight:500}@media (max-width: 63.9375em){.about__hero-text{line-height:1.7}}@media (min-width: 40em){.about__hero-text{font-size:2rem}}.about__hero-icon{width:2.3rem;animation:waving 1.2s ease-out .7s both;backface-visibility:hidden}@media (min-width: 40em){.about__hero-icon{width:2.5rem}}.about__text-highlight{border-bottom:3px solid var(--active)}.about__section:not(:last-child){margin-bottom:2.5rem}.about__section--about li:not(:last-child){margin-bottom:1rem}.about__section--skills .about__content{word-spacing:-2px;gap:1rem 1.5rem}.about__heading{margin-bottom:.75rem;font-size:1.8rem;font-weight:500}@media (min-width: 40em){.about__heading{font-size:2rem}}.about__content{margin-left:1rem;margin-right:1rem}.showcase__filter{text-transform:capitalize;font-size:1.4rem;-webkit-user-select:none;user-select:none}.showcase__filter li{cursor:pointer;color:var(--font-light);transition:color .3s ease-out}.showcase__filter li:hover{color:var(--font)}.showcase__filter li.active{color:var(--font);font-weight:500}.showcase__display{cursor:pointer;color:var(--font-light);transition:color .3s ease-out}@media (max-width: 39.9375em){.showcase__display{display:none}}.showcase__display:hover{color:var(--font)}.showcase__display svg{display:block;width:2rem;height:2rem}.kudos__intro{margin-bottom:3rem}.kudos__intro a{display:inline-block;border-bottom:1px solid transparent;transition:all .3s ease-out}.kudos__intro a:hover{color:var(--font);border-bottom-color:var(--font)}.kudos__content{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 40em){.kudos__content{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.kudos__item{padding:2rem 1rem;box-shadow:0 3px 6px #00000026;border:1px solid var(--font-light)}@media (min-width: 40em){.kudos__item{padding:2rem}}.kudos__quote{position:relative;font-style:italic;line-height:1.6;flex:1}.kudos__quote-mark{position:absolute;top:0;left:0;right:0;font-size:4rem;line-height:1}.kudos__quote-text{display:inline-block;padding-top:3.5rem}.kudos__date{font-size:90%;color:var(--font-light)}.contact-flex{display:flex;gap:2rem;flex-direction:column}@media (min-width: 64em){.contact-flex{align-items:flex-end;flex-direction:row}.contact-flex>*{flex:0 1 50%}}.contact__photo{display:block;width:100%;max-height:35rem;aspect-ratio:4/3;object-fit:cover}@media (min-width: 64em){.contact__photo{width:auto;max-width:50%}}.contact__text{font-weight:500}@media (max-width: 63.9375em){.contact__text{text-align:center}}.contact__icon{width:1.75rem;vertical-align:middle;animation:waving 1.2s ease-in .7s both;backface-visibility:hidden}.contact__links-container{display:flex;gap:.75rem 1.5rem;flex-direction:column;align-items:flex-start}@media (max-width: 63.9375em){.contact__links-container{flex-direction:row;justify-content:center}}.contact__link{display:inline-block;padding-bottom:.25rem;border-bottom:1px solid transparent;transition:all .3s ease-out}.contact__link:hover{color:var(--font);border-bottom-color:var(--font)}.tag .selected{font-weight:500;text-transform:uppercase}