@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roboto-v27-latin_cyrillic-regular.woff2)format("woff2"),url(/fonts/roboto-v27-latin_cyrillic-regular.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/roboto-v27-latin_cyrillic-700.woff2)format("woff2"),url(/fonts/roboto-v27-latin_cyrillic-700.woff)format("woff")}:root{--step-3:clamp(1.45rem,1.107rem + 2.143vw,2.2rem);--step-2:clamp(1.25rem,.953rem + 1.857vw,1.9rem);--step-1:clamp(1.05rem,.89rem + 1vw,1.4rem);--step-0:clamp(.8rem,.709rem + .571vw,1rem);--step--1:clamp(.7rem,.654rem + .286vw,.8rem);--step--2:clamp(.6rem,.554rem + .286vw,.7rem)}.visually-hidden{clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;list-style:none;position:absolute;left:0;overflow:hidden}.fluid-image{max-width:100%;height:auto;display:block}.anchor-target{scroll-margin-top:0;position:relative}@media (width>=768px){.anchor-target{scroll-margin-top:124px}}.anchor-target[tabindex]{outline:none}*{box-sizing:border-box;color:inherit}.page{font-size:20px}.body{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:var(--step-0);color:#444340;background-color:#eceff1;flex-direction:column;height:100vh;margin:0;line-height:1.6;display:flex}.container{flex:1 0 auto;margin-top:60px}@media (width>=768px){.container{margin-top:180px}}.content{width:100%;max-width:1020px;margin:0 auto;padding-left:20px;padding-right:20px}p{font-size:var(--step-0);margin:20px 0;line-height:1.6}p:first-child{margin-top:0}p:last-child{margin-bottom:0}::selection{background:#e2007633}a{color:#444340;border-bottom:3px solid #e20076;text-decoration:none;transition-property:color,border-bottom-color;transition-duration:.2s}a:hover{color:#e20076}a:focus{outline:0}.keyboard-focus a:focus{outline-offset:2px;outline:2px solid #272624}.skip-link{font-size:var(--step--1);color:#444340;z-index:2;border-bottom:0;width:1px;height:1px;font-weight:700;display:inline-block;position:absolute;top:auto;left:-999px}.skip-link:focus{width:auto;height:auto;margin:0 auto;top:0;left:50%;transform:translate(-50%)}h2,h3{margin-bottom:16px}h1{font-size:var(--step-3);margin-top:0;margin-bottom:40px;line-height:1.318}h2{font-size:var(--step-2);margin-top:48px;line-height:1.263}h3{font-size:var(--step-1);margin-top:32px;line-height:1.285}.skills,.writes,.project__stack{padding:0 0 0 20px;list-style:none}.skills,.project__stack{margin:0}.skills__item,.project-info__stack-item{list-style-image:url(../assets/list-bullet-nut.svg)}.skills__item:not(:last-of-type),.project-info__stack-item:not(:last-of-type){padding-bottom:4px}.writes__item{list-style-image:url(../assets/list-bullet-pen.svg)}.writes__item:not(:last-of-type){padding-bottom:8px}.header{z-index:1;background:#eceff1;width:100%;position:relative}@media (width>=768px){.header{position:fixed}}.content__header{border-bottom:1px solid #f9fafb;flex-direction:column;align-items:flex-start;padding:20px 0;display:flex}@media (width>=576px){.content__header{align-items:center}}@media (width>=768px){.content__header{flex-direction:row}}.logo{border-bottom:0;display:inline-flex;position:absolute}@media (width>=768px){.logo{position:relative}}.logo .logo__image{transition:fill .1s ease-in-out}.logo:hover .logo__image{fill:#31a9f5}.logo__image{width:200px;height:auto}@media (width>=992px){.logo__image{width:220px;height:auto}}.activity{grid-gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width>=576px){.activity{grid-template-columns:repeat(2,1fr)}}.activity__item{background:#f9fafb;align-items:flex-start;padding:16px;display:flex}.activity__item-image,.activity__item-desc{display:block}.activity__item-image{margin-right:16px}.activity__item-desc{font-size:var(--step--1);color:#616161;margin-top:16px}.cards{grid-gap:12px;display:grid}@media (width>=576px){.cards{grid-template-columns:repeat(2,1fr)}}.card{flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s;display:flex;position:relative}.card:before{content:"";position:absolute}.card:hover{transform:translateY(-3px)}@media (width>=768px){.card{padding:40px}}.keyboard-focus .card:focus-within{outline-offset:2px;outline:2px solid #272624}.card--primary{background:#e2007633}.card--secondary{background:#31a9f533}.card__title{margin:0 0 8px}.card__title-link{border-bottom:0;font-weight:700}.card__title-link:after{content:"";position:absolute;inset:0}.card__title-link:hover{color:inherit;border-bottom:0}.keyboard-focus .card__title-link:focus{outline:0}.card__description{font-size:var(--step--1);margin:0}.card__tags{margin-top:8px}.card__tags-item{font-weight:700;font-size:var(--step--2);padding:4px}.card__tags-item:not(:last-of-type){margin-right:8px}.card__tags-item--primary{background:#e2007633}.card__tags-item--secondary{background:#31a9f54d}.card__image{width:100%;margin-top:20px;display:block}.nav{width:100%;min-height:50px;display:flex}@media (width>=576px){.nav{justify-content:center;min-height:auto}}@media (width>=768px){.nav{align-items:center}}.menu{text-align:center;width:100%}@media (width>=768px){.menu{width:auto;margin-left:auto}}.menu__button{background:url(../assets/menu-open.svg) 50% no-repeat;border:0;width:25px;height:25px;padding:16px;display:block;position:absolute;top:32px;right:20px}@media (width>=576px){.menu__button{display:none}}.js-menu__button--close{background:url(../assets/menu-close.svg) 50% no-repeat}.js-menu__button-name--hidden{display:none}.menu__list{flex-direction:column;align-items:center;margin:64px 0 0;padding:0;list-style:none;display:none}@media (width>=576px){.menu__list{flex-direction:row;justify-content:center;margin:48px 0 0;display:flex}}@media (width>=768px){.menu__list{margin:0}}.js-menu__list--open{display:flex}.menu__list-item{width:100%}@media (width>=576px){.menu__list-item{width:auto}}.menu__list-link{border-bottom:0;justify-content:center;width:100%;padding:20px;line-height:1.7;display:inline-flex;position:relative}@media (width>=576px){.menu__list-link{justify-content:flex-start;width:auto}}.menu__list-link__text{border-bottom:3px solid}.two-column-section,.skills-section{display:grid}.two-column-section{grid-gap:24px}@media (width>=768px){.two-column-section{grid-template-columns:repeat(2,1fr)}}.skills-section{grid-gap:20px;margin-top:-16px}@media (width>=768px){.skills-section{grid-template-columns:repeat(3,1fr)}}.socials{justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.socials__item:not(:last-of-type){margin-right:16px}.socials__item-link{border-bottom:0;padding:12px;display:inline-flex}.project{flex-direction:column;justify-content:space-between;margin-bottom:32px;display:flex}@media (width>=768px){.project{flex-direction:row;justify-content:space-between}}.project__heading{font-size:var(--step--1);text-transform:uppercase;margin-top:40px;margin-bottom:12px}.project__stack{margin:0}.project-desc__column{grid-gap:20px;display:grid}@media (width>=768px){.project-desc__column{grid-template-columns:repeat(2,1fr)}}.project__image{margin-top:24px}.content__footer{color:#616161;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;padding:28px 0;display:flex}.socials-container{margin-bottom:12px}.socials__item-link .socials__item-link__image{transition:fill .1s ease-in-out}.socials__item-link:hover .socials__item-link__image{fill:#31a9f5}.copyrights{flex-direction:column;align-items:center;display:flex}.copyrights__item{font-size:var(--step--1);display:block}.copyrights__item:not(:last-of-type){margin-bottom:8px}