@font-face{font-family:Cabin Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cabin-condensed-regular.woff2) format("woff2")}@font-face{font-family:Patua One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patua-one-regular.woff2) format("woff2")}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html{font-size:125%;line-height:1.4;box-sizing:border-box;overflow-y:scroll;-webkit-font-smoothing:antialiased;height:100%}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}body{margin:0;height:100%;background-color:#272822;color:#f8f8f2;font-family:Cabin Condensed,system-ui,-apple-system,sans-serif;font-weight:400;letter-spacing:.03em;font-feature-settings:"kern","liga","clig","calt"}h1{margin:0;font-family:Patua One,cursive,sans-serif;font-weight:400;font-size:2rem;line-height:1.1;text-rendering:optimizeLegibility}p{margin:0 0 1.4rem}p:last-child{margin-bottom:1.4rem}a{color:#f8f8f2;text-decoration:underline}a:visited{color:#f8f8f2}a:hover{color:#66d9ef;transition:color .2s ease-in-out}a:focus-visible{outline:2px solid #66d9ef;outline-offset:4px;color:#66d9ef}.layout{height:100%;display:flex;flex-direction:column}.layout__top-spacer{height:3rem}.layout__header{position:sticky;top:0;margin-bottom:clamp(3rem,15vh,6rem);z-index:100}.layout__footer{position:sticky;bottom:0;padding-top:.5rem;text-align:center;z-index:100;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background-color:#272822bb;animation:fadeIn .8s ease-out .2s both}.width-box{display:flex;justify-content:center}.width-box__inner{width:100%;max-width:960px;margin:0 2em}.header{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background-color:#272822bb;display:flex;flex-direction:column;height:3rem;justify-content:center;width:100%}.header__container{display:flex;margin:0 -.5rem}.header__container>*{margin:0 .5rem}.logo{font-size:1.3rem}.logo__ticker{color:#f92672;margin-right:.2rem}.logo__ins{color:#75715e}@media (max-width: 600px){.logo__ins{display:none}}.blinking{animation:blink-animation 2s step-end infinite}@media (prefers-reduced-motion: reduce){.blinking{animation:none}}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:0}}.main-content,.socials-container,.contact-buttons{display:flex;justify-content:center}.about-me-card{display:inline-block;max-width:25rem;width:100%;animation:cardEntrance .6s cubic-bezier(.33,1,.68,1) both}.about-header{width:15rem;margin:0 auto}.about-header__name{text-align:right}.about-header__name p{margin:0 0 1.4rem}.about-header__role{color:#66d9ef}.contact-buttons__button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0 .3rem;border-radius:4px;text-decoration:none;color:#f8f8f2}.contact-buttons__button svg{width:100%;height:100%;fill:currentColor}.contact-buttons__button:hover{color:#66d9ef;transform:translateY(-2px);transition:transform .2s ease-out,color .2s ease-out}.contact-buttons__button:focus-visible{outline:2px solid #66d9ef;outline-offset:4px}.copyright-notice{font-size:.6rem;font-weight:300;line-height:1.5rem}@media print{body{background:#fff;color:#000}.layout__header,.layout__footer,.layout__top-spacer{display:none}.width-box__inner{margin:0;max-width:100%}.about-me-card{border:1px solid #ccc;padding:2rem}}