:root{--primary: #f2d544;--dark-blue: #130c24;--black: #232020;--gray: #999999;--beige: #f5f5f1;--gap: clamp(10px, 5vw, 80px);--text-color: var(--black);--light-icon: var(--black);--gray-light: #666666;--dark-icon: white;--anchor-color: var(--black)}*{box-sizing:border-box}html{background-color:var(--beige);color:var(--text-color);transition:all .5s}html.dark-theme{background-color:var(--dark-blue);--text-color: white;--light-icon: white;--gray-light: #bdbdbd;--dark-icon: var(--black);--anchor-color: var(--primary)}body{font-family:Poppins,sans-serif,system-ui;margin:0}h1,h2,h3,h4,h5,h6{text-wrap:balance}input,textarea,button,select{font:inherit}::selection{background-color:var(--primary);color:var(--black)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media (max-width: 37.5rem){html{font-size:70%}}a{color:var(--anchor-color);opacity:.85;transition:opacity .2s}a:hover{opacity:1}p{color:var(--gray-light)}strong{font-weight:inherit}figure,blockquote{margin:0}address{font-style:normal}.container{max-width:960px;padding-inline:20px;margin-inline:auto}.title--lg{font-size:5.6rem;font-weight:700;line-height:1.05}.title{font-size:2rem;font-weight:400;line-height:1.77}.title--sm{font-size:1rem;font-weight:600;line-height:1.06;letter-spacing:.1rem;text-transform:uppercase}.text--xl{font-size:1.75rem;font-weight:300;line-height:1.77}.text--lg{font-size:1.4rem;font-weight:300;line-height:1.9}.text--bold{font-size:1.13rem;font-weight:600;line-height:1.77}.text{font-size:1.13rem;font-weight:400;line-height:1.77}.text--sm{font-size:1rem;font-weight:400;line-height:1.77}.btn{all:unset;outline:revert;box-sizing:border-box;display:inline-block;cursor:pointer;font-size:.88rem;line-height:1.5;letter-spacing:2px;font-weight:600;text-transform:uppercase;transition:translate .18s,opacity .18s;opacity:.8}.btn:hover{opacity:1}.btn:active{translate:1px 1px}.btn--nav{color:var(--text-color);padding:12px}.btn--raised{background-color:var(--primary);color:var(--black);padding:12px 53px 12px 24px;background-image:url(/assets/arrow-right-8aa4d2c8.svg);background-repeat:no-repeat;background-position:right 20px center}.btn--line{color:var(--text-color);padding:12px 12px 12px 0}.btn--line:after{content:"";box-sizing:border-box;display:inline-block;border:1px solid var(--primary);height:4px;width:100%}.nav{padding-block:25px;display:flex;justify-content:space-between;align-items:center}.nav-links{padding-left:0;list-style:none;display:flex;gap:10px}@media (width <= 52rem){.nav-links li:not(:last-child){display:none}}#toggle-theme{all:inherit;outline:revert;box-sizing:border-box;cursor:pointer;position:fixed;top:5px;right:5px;z-index:1;padding:5px;transition:translate .18s}#toggle-theme:active{translate:1px 1px}#intro{position:relative}#intro-h1{margin-bottom:0}#intro-h2{margin-top:0;margin-bottom:40px;overflow-wrap:break-word}#intro p{margin-block:0}.layout-section{padding-bottom:clamp(100px,20vw,200px);scroll-margin-top:50px}.layout-section-title{margin-bottom:36px}.layout-grid-half{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}@media (max-width: 37.5rem){.layout-grid-half{grid-template-columns:1fr}}#scroll-down{all:unset;outline:revert;box-sizing:border-box;position:absolute;bottom:25px;left:calc(50vw - 24px);cursor:pointer}#scroll-down svg{fill:var(--dark-icon);transition:fill .35s;animation:bounce 1.6s infinite cubic-bezier(.445,.05,.55,.95)}#scroll-down svg:hover{fill:var(--light-icon)}@keyframes bounce{0%{translate:0 0}50%{translate:0 -15px}}.portfolio{display:flex;justify-content:center;align-items:center;gap:var(--gap);margin-bottom:100px}.portfolio:last-child{margin-bottom:0}.portfolio-screenshot{width:clamp(175px,20vw,300px);height:clamp(175px,20vw,300px)}.portfolio:nth-child(odd) .portfolio-screenshot{order:1}@media (max-width: 37.5rem){.portfolio{display:block}}.tags{padding-left:0}.tags li{--tag-color: var(--gray);font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:1px;display:inline-block;border:1px solid var(--tag-color);padding:12px 16px;margin:8px 8px 8px 0;position:relative;outline:1px solid transparent}.tags li:before{box-sizing:border-box;content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid var(--tag-color)}.tags li:hover{--tag-color: var(--primary);color:var(--primary);outline-color:var(--primary)}.input{width:100%;background-color:transparent;border:0;border-bottom:1px solid var(--gray);padding:12px 10px;font-weight:300;font-size:1.4rem;line-height:1.9;color:var(--text-color);margin-bottom:24px;transition:border-color .2s}.input:focus{border-bottom-color:var(--primary);outline:none}textarea.input{resize:vertical;min-height:100px}.hire-form{display:grid;grid-template-columns:1fr 3fr;gap:var(--gap)}.hire-action{display:flex;align-items:center;justify-content:flex-end}.hire-line{display:flex;gap:16px;margin-bottom:40px}.hire-line p{margin-top:0;margin-bottom:5px}@media (max-width: 37.5rem){.hire-form{grid-template-columns:1fr}}.footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.footer .side{display:flex;align-items:center;gap:18px}.footer-social{list-style:none;display:flex;gap:16px;padding-left:0}.footer-name{margin-bottom:0}.footer-rights{margin-top:0}@media (max-width: 37.5rem){.footer{flex-direction:column}}.nav-hire-me{animation-name:shake;animation-duration:1.5s;animation-delay:1.5s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}