:where(html){-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}:where(h1){margin-block:.67em;font-size:2em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block:0}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace;font-size:1em}:where(small){font-size:80%}:where(table){text-indent:0;border-color:currentColor}:where(button,input,select){margin:0}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){color:#000;background-color:#fff;border:solid;width:fit-content;height:fit-content;margin:auto;padding:1em;position:absolute;left:0;right:0}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--animation-duration:.3s;--color-white:#fff;--color-dark:#272727;--color-gray:#747474;--color-dark-translucent:#272727bf;--color-bg:var(--color-white);--color-fg:var(--color-dark);--color-primary-1:#33d997;--color-primary-2:#0f9;--color-secondary:#ff652f;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--color-bg:var(--color-dark);--color-fg:var(--color-white)}}@font-face{font-style:normal;font-weight:500;font-family:Fira Mono;font-display:swap;src:local(Fira Mono Medium),local(FiraMono-Medium),url(../fonts/firamono-500.woff2)format("woff2"),url(../fonts/firamono-500.woff)format("woff")}@keyframes toggle-open-1{0%{transform:translateY(0)rotate(0)}to{transform:translateY(10px)rotate(225deg)}}@keyframes toggle-open-2{0%{transform:rotate(0)}to{transform:rotate(315deg)}}@keyframes toggle-open-3{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-10px)rotate(315deg)}}@keyframes menu-open{0%{transform:translateY(-100%)}to{transform:translateY(0)}}html,body{min-height:100dvh}html{scroll-behavior:smooth;color:var(--color-fg);-webkit-tap-highlight-color:transparent;font:500 14px Fira Mono,Courier New,monospace}body{background-color:var(--color-bg);grid-template-rows:min-content 1fr min-content;min-width:320px;margin:0;display:grid}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{box-sizing:border-box;min-width:320px;max-width:620px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (width>=768px){.container{max-width:1137px;padding-left:30px;padding-right:30px}}.visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(100%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo img{width:171px;height:20px;display:block}.title{color:var(--color-secondary);text-transform:uppercase;margin-top:0;margin-bottom:10px;font-size:28px;font-weight:500}.title:before{content:"# ";color:var(--color-primary-1)}.button{--color-brand:var(--color-primary-1);box-sizing:border-box;min-width:100px;max-width:240px;font:inherit;vertical-align:middle;text-align:center;color:var(--color-bg);text-transform:lowercase;background-color:var(--color-brand);border:2px solid var(--color-brand);cursor:pointer;transition:color var(--animation-duration),background-color var(--animation-duration),opacity var(--animation-duration);appearance:none;border-radius:13px;padding:3px 8px;display:inline-block}.button:hover,.button:focus{color:var(--color-fg);background-color:#0000}.button:focus{outline:none}.button:active{opacity:.8}.button--secondary{color:var(--color-fg);background-color:#0000}.button--secondary:hover,.button--secondary:focus{color:var(--color-bg);background-color:var(--color-brand)}.button--contrast{color:var(--color-white)}.header{z-index:1;box-sizing:border-box;background-color:var(--color-bg);position:sticky;top:0}.header--nojs{position:initial}@media (width>=768px){.header{border-bottom:1px solid var(--color-gray);min-height:60px;padding-top:19px;padding-bottom:19px}}@media (width<768px){.header__wrapper{max-width:none;padding-left:0;padding-right:0}}@media (width>=768px){.header__wrapper{justify-content:space-between;align-items:center;display:flex}}@media (width<768px){.header__inner{box-sizing:border-box;background-color:var(--color-bg);border-bottom:1px solid var(--color-gray);grid-template-columns:minmax(20px,1fr) minmax(auto,580px) minmax(20px,1fr);align-items:center;min-height:50px;padding-top:10px;padding-bottom:10px;display:grid}.header__inner>*{grid-column:2/-2}.header__logo{grid-row-start:1}}.header__toggle{width:30px;height:30px;color:var(--color-fg);cursor:pointer;transition:color var(--animation-duration),opacity var(--animation-duration);appearance:none;background:0 0;border:none;padding:0;display:block;position:relative}.header__toggle span{background-color:currentColor;border-radius:1px;width:100%;height:2px;position:absolute;left:0}.header__toggle span:first-child{top:4px}.header__toggle span:nth-child(2){top:14px}.header__toggle span:nth-child(3){top:24px}.header__toggle--opened span:first-child{animation:var(--animation-duration)both toggle-open-1;animation-direction:inherit}.header__toggle--opened span:nth-child(2){animation:var(--animation-duration)both toggle-open-2;animation-direction:inherit}.header__toggle--opened span:nth-child(3){animation:var(--animation-duration)both toggle-open-3;animation-direction:inherit}.header--nojs .header__toggle{display:none}.header__toggle:hover,.header__toggle:focus{color:var(--color-secondary)}.header__toggle:focus{outline:none}.header__toggle:active{opacity:.6}@media (width<768px){.header__toggle{grid-row-start:1;justify-self:end}}@media (width>=768px){.header__toggle{display:none}}.main-menu{background-color:var(--color-bg);display:none}.main-menu--opened{z-index:-1;animation:var(--animation-duration)both menu-open;display:block;position:absolute;top:100%;left:0;right:0}.header--nojs .main-menu{animation:none;display:block}@media (width>=768px){.main-menu{position:initial;z-index:initial;max-width:65%;animation:none;display:block}}.main-menu__list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}@media (width>=768px){.main-menu__list{flex-wrap:wrap;gap:5px 10px;display:flex}}.main-menu__item{min-height:50px;color:var(--color-secondary);text-transform:uppercase;border-bottom:1px solid var(--color-gray);font-size:26px}@media (width>=768px){.main-menu__item{min-height:initial;border:none;padding-left:20px;font-size:16px}}.main-menu__link{overflow-wrap:break-word;transition:color var(--animation-duration),background-color var(--animation-duration)}.main-menu__link span{position:relative}.main-menu__link span:before{content:">";color:#0000;transition:color var(--animation-duration);pointer-events:none;position:absolute;top:0;left:0}.main-menu__link:hover span:before,.main-menu__link:focus span:before{color:var(--color-primary-1)}.main-menu__link:focus{outline:none}.main-menu__link:active{color:var(--color-bg);background-color:var(--color-secondary)}.main-menu__link:active span:before{color:var(--color-bg)}@media (width<768px){.main-menu__link{padding:10px 20px 9px;display:flex}.main-menu__link span{box-sizing:border-box;flex-basis:580px;margin-left:auto;margin-right:auto;padding-left:30px}}@media (width>=768px){.main-menu__link span:before{left:-20px}}.about{border-bottom:1px solid var(--color-gray);padding-top:25px;padding-bottom:20px}@media (width>=768px){.about{padding-top:35px;padding-bottom:35px}.about__content{grid-template-columns:216px 1fr;column-gap:30px;display:grid}}.about__author{margin-bottom:20px}@media (width>=768px){.about__author{margin-bottom:0}}.about__photo{display:none}.about__photo img{border-radius:50%;width:216px}@media (width>=768px){.about__photo{margin-bottom:20px;display:block}}.about__description{margin-top:0;margin-bottom:0}.about__group:not(:last-child){margin-bottom:20px}.about__group-name{color:var(--color-secondary);margin-top:0;margin-bottom:10px;font-size:16px;font-weight:500}.about__list{flex-wrap:wrap;align-items:flex-start;gap:5px;margin-top:0;margin-bottom:0;padding-left:0;list-style:none;display:flex}.tag{--color-brand:var(--color-primary-1);text-transform:lowercase;overflow-wrap:break-word;background-color:var(--color-brand);border:2px solid var(--color-brand);border-radius:13px;max-width:280px;display:flex}.tag--secondary{pointer-events:none;border:none;border-radius:5px;max-width:240px;font-size:12px}.tag__name{box-sizing:border-box;max-width:100%;color:var(--color-bg);padding:3px 8px}.tag--extended .tag__name{padding-right:5px}.tag--secondary .tag__name{padding:2px 5px}.tag__addintion{box-sizing:border-box;background-color:var(--color-bg);border-top-right-radius:13px;border-bottom-right-radius:13px;max-width:100%;padding:3px 8px 3px 5px}.projects{border-bottom:1px solid var(--color-gray);padding-top:25px;padding-bottom:20px}@media (width>=768px){.projects{padding-top:35px;padding-bottom:35px}}.projects__description{margin-top:0;margin-bottom:20px}.projects__list{grid-template-columns:repeat(auto-fill,280px);justify-content:center;gap:20px;display:grid}@media (width>=768px){.projects__list{grid-template-columns:repeat(auto-fill,339px);gap:30px}}.projects__links{justify-content:center;margin-top:20px;display:flex}@media (width>=768px){.projects__links{margin-top:30px}}.work{width:280px;min-height:280px;color:var(--color-white);box-shadow:0 0 50px -30px var(--color-fg);border-radius:9px;position:relative;overflow:hidden}.work:hover .work__content,.work:focus-within .work__content{opacity:1}@media (width>=768px){.work{width:339px;min-height:255px}}.work__image img{width:280px;display:block}@media (width>=768px){.work__image img{width:339px}}.work__content{background-color:var(--color-dark-translucent);opacity:0;transition:opacity var(--animation-duration);flex-direction:column;justify-content:space-between;padding:53px 20px 20px;display:flex;position:absolute;inset:0}.work__title{text-align:center;border-bottom:1px solid var(--color-primary-2);margin-top:0;margin-bottom:10px;padding-bottom:10px;font-size:18px;font-weight:500}.work__description{text-align:center;margin-top:0;margin-bottom:0}.work__text{border-top:1px solid var(--color-primary-2);margin-top:10px;margin-bottom:0;padding-top:10px;font-size:12px}.work__tags{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-top:0;margin-bottom:0;padding-left:0;list-style:none;display:flex;position:absolute;top:20px;left:20px;right:20px}.work__links{border-top:1px solid var(--color-primary-2);flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;padding-top:10px;display:flex}.work__links .button:hover,.work__links .button:focus{color:inherit}.footer{padding-top:25px;padding-bottom:25px}@media (width>=768px){.footer{padding-top:35px;padding-bottom:35px}}.footer__wrapper{flex-direction:column;align-items:center;display:flex}.footer__logo,.footer__contacts{margin-bottom:20px}.footer__copyright{text-align:center;font-size:12px}.contacts__text{text-align:center;margin-top:0;margin-bottom:20px}.contacts__links{flex-wrap:wrap;justify-content:center;gap:5px;padding-bottom:20px;display:flex;position:relative}.contacts__links:before{content:"";background-color:var(--color-primary-1);border-radius:1px;width:60px;height:2px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}