@font-face{font-weight:400;font-family:'Raleway';font-style:normal;font-display:swap;src:url(../fonts/raleway-regular-131f660715.woff2) format('woff2'),url(../fonts/raleway-regular-ce22119ec5.woff) format('woff')}@font-face{font-weight:600;font-family:'Raleway';font-style:normal;font-display:swap;src:url(../fonts/raleway-medium-0f1e8749a0.woff2) format('woff2'),url(../fonts/raleway-medium-b6ccd91a6b.woff) format('woff')}@font-face{font-weight:700;font-family:'Raleway';font-style:normal;font-display:swap;src:url(../fonts/raleway-bold-01a273e07c.woff2) format('woff2'),url(../fonts/raleway-bold-34e7129835.woff) format('woff')}@font-face{font-weight:400;font-family:'Unna';font-style:normal;font-display:swap;src:url(../fonts/unna-regular-5ae77976d6.woff2) format('woff2'),url(../fonts/unna-regular-950dcdda55.woff) format('woff')}@font-face{font-weight:700;font-family:'Unna';font-style:normal;font-display:swap;src:url(../fonts/unna-bold-cc469818ff.woff2) format('woff2'),url(/../fonts/unna-bold-86d40db76f.woff) format('woff')}@font-face{font-weight:400;font-family:'Montserrat';font-style:normal;font-display:swap;src:url(../fonts/montserrat-regular-bc3aa95dca.woff2) format('woff2'),url(/../fonts/montserrat-regular-8102c4838f.woff) format('woff')}@font-face{font-weight:600;font-family:'Montserrat';font-style:normal;font-display:swap;src:url(../fonts/montserrat-bold-6fb1b5623e.woff2) format('woff2'),url(/../fonts/montserrat-bold-7c839d15a6.woff) format('woff')}@font-face{font-weight:800;font-family:'Archivo Black';font-style:normal;font-display:swap;src:url(../fonts/archivo-black-e4049dd278.woff2) format('woff2'),url(/../fonts/archivo-black-76241e8521.woff) format('woff')}*,::after,::before{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.no-js .header__wrapper{padding-top:0}.no-js .header__nav{max-height:initial;overflow:auto;overflow-y:hidden}.no-js .header__burger{background-color:transparent}.no-js .header__burger::before{transform:translate(-50%,-50%) rotate(-45deg)}.no-js .header__burger::after{transform:translate(-50%,-50%) rotate(45deg)}.no-js .header__burger::after,.no-js .header__burger::before{top:50%;left:50%}.no-js .footer{position:static}.no-js .footer__wrapper{max-height:initial;border-color:#fff;border-top-width:2px}.no-js .footer__button-svg{transform:rotate(90deg)}.github,.icon{width:100%;height:100%}.icon{max-width:65px;max-height:65px}.icon__background{fill:var(--color-background)}.icon__front{fill:var(--color-main)}.section{padding-top:20px}@media (min-width:1240px){.section{padding-top:0}}.section__wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.title,.title--name{text-transform:uppercase}.title{margin:0;font-family:var(--font-bold);text-align:center}.title--name{padding:0;font-weight:400;font-size:90px;font-family:var(--font-serif);line-height:.8;text-align:left}.title--section{position:-webkit-sticky;position:sticky;top:40px;width:100%;height:20vw;margin:0 auto;font-size:0}@media (min-width:1240px){.title--section{width:calc(100% - (var(--gap)*2))}}.title__svg{width:100%;height:100%}.page{height:100%;color:var(--color-main);font-weight:400;font-size:var(--font-size);font-family:var(--font-base);line-height:1.5;background-color:var(--color-main-background);scroll-behavior:smooth}.page a[href]:focus-visible,.page button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.page--dark .header{border-color:#fff}.page--dark .title__svg{fill:#fff}.page--dark .works__cover{filter:grayscale()}.page--dark .works__tag{border-color:#fff}.page--dark .footer--opened .footer__wrapper{border-color:#fff;border-top-width:2px}.page__body{height:100%;margin:0 auto}.page__wrapper{flex-grow:1;order:2}@media (min-width:1240px){.page__body{display:flex}.page--dark .aside{border-color:#fff}.page__wrapper{position:relative;overflow-x:hidden;overflow-y:scroll}}.header{display:flex;flex-direction:column;background-color:var(--color-background);border-bottom:2px dashed transparent}@media (min-width:1240px){.header{background-color:var(--color-main-background)}}.header__inner{display:flex;flex-direction:column}@media (min-width:1240px){.header__inner{flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--color-main-background)}}.header__wrapper{display:flex;justify-content:space-between;order:2;padding:5px var(--gap);transition:padding-top var(--transition)}@media (min-width:1240px){.header__wrapper{padding-top:25px;padding-bottom:25px}}.header--menu-opened .header__wrapper{padding-top:0}.header__title{max-width:200px;padding:0;font-weight:700;font-size:24px;font-family:var(--font-serif);line-height:24px;text-align:left;text-transform:uppercase}.header__title-link{color:inherit;text-decoration:none}@media (min-width:1240px){.header__title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}}.header__nav-wrapper{display:flex;order:1;max-height:0;overflow:hidden;transition:max-height var(--transition)}@media (min-width:1240px){.header__nav-wrapper{max-height:initial!important;overflow:initial}}.header__nav{width:100%}.header--menu-opened .header__nav{overflow:auto;overflow-y:hidden}@media (min-width:1240px){.header__nav{max-height:initial}}.header__nav-list{display:flex;flex-direction:column;align-items:center;margin:0;padding:10px;list-style:none;transition:var(--transition)}@media (min-width:1240px){.header__nav-list{margin-left:var(--gap);flex-direction:row}.header__nav-item{margin-right:20px}.header__nav-item:last-child{margin-right:0}}.header__nav-item{width:100%;border-bottom:1px solid var(--color-main)}.header__nav-item:last-of-type{border-color:transparent}@media (min-width:1240px){.header__nav-item{border:0}}.header__nav-link{display:block;width:100%;padding:10px 0;color:var(--color-main);font-weight:600;text-align:center;text-transform:uppercase;text-decoration:none}@media (min-width:1240px){.header__nav-link--about{display:none}}.header__nav-link:focus-visible{outline:3px solid var(--color-focus)}.header__nav-link--active{color:var(--color-primary)}.header__menu-toggle{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:36px;height:20px;padding:0;background:0 0;border:0}.header__menu-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (min-width:1240px){.header__menu-toggle{display:none}}.header__burger,.header__burger::after,.header__burger::before{width:100%;height:3px;background-color:var(--color-main);border-radius:3px;transition:var(--transition)}.header--menu-opened .header__burger{background-color:transparent}.header__burger::after,.header__burger::before{position:absolute;left:50%;display:block;transform:translateX(-50%);content:''}.header__burger::before{top:0}.header__burger::after{top:initial;bottom:0}.header--menu-opened .header__burger::before{transform:translate(-50%,-50%) rotate(-45deg)}.header--menu-opened .header__burger::after{transform:translate(-50%,-50%) rotate(45deg)}.header--menu-opened .header__burger::after,.header--menu-opened .header__burger::before{top:50%;left:50%}.header__controls{display:flex;align-items:center;justify-content:space-between}.header__theme-toggle{width:25px;height:25px;margin-right:30px;padding:0;background:0 0;border:0;cursor:pointer}.header__theme-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (min-width:1240px){.header__theme-toggle{margin-right:0}}.header__color-mode-inner{fill:transparent}.header__theme-svg{width:100%;height:100%}.header__theme-toggle--active .header__theme-svg{fill:var(--color-primary)}.header__surname{display:none;margin-left:var(--gap);padding-bottom:20px}@media (min-width:1240px){.header__surname{display:block}}.aside{display:none;flex-direction:column;justify-content:space-between;order:1;box-sizing:border-box;max-width:400px;height:100%;padding:var(--gap);overflow-y:scroll;background-color:var(--color-background);border-right:2px dashed transparent;-ms-overflow-style:none;scrollbar-width:none}.aside::-webkit-scrollbar{display:none}.aside .about__wrapper{margin:0}.aside .about__title{display:none}@media (min-width:1240px){.aside{display:flex}}.aside__name{margin-top:calc(85px - var(--gap));margin-bottom:35px;padding:0 10px;font-weight:600;font-size:70px;font-family:var(--font-bold);text-align:center}.aside__load-time{display:block;margin-bottom:auto;text-align:center}.aside__load-time span{color:var(--color-primary);font-weight:800}.main{position:relative;padding-bottom:30px;background-color:var(--color-main-background)}@media (min-width:1240px){.main .about{display:none}}.works{width:100%;margin-bottom:100px}@media (min-width:1240px){.works{margin-bottom:0}}.works__list{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;margin:0;margin-top:-5vw;padding:0;list-style:none}@media (min-width:1240px){.works__list{margin-top:-5vw}}.works__item{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:95%;margin-bottom:110px}.works__item:hover .works__cover{filter:none}.works__link:focus .works__cover{filter:none}.works__item::before{position:absolute;bottom:0;z-index:1;width:100vw;height:50%;background-color:var(--color-main-background);content:""}.works__item:last-of-type{margin-bottom:0}@media (min-width:1240px){.works__item{width:90%;max-width:1100px;margin-bottom:200px}}.works__info{z-index:3;display:flex;align-items:center;justify-content:space-between;order:2;width:100%;margin-bottom:20px}.works__wrapper{display:flex;flex-direction:column}.works__extra{height:35px;padding-left:var(--gap)}.works__subtitle{order:2;margin:0 0 10px;font-weight:400;font-size:20px;font-family:var(--font-bold)}.works__description{order:3;margin:0}.works__cover{order:1;width:100%;height:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;transition:var(--transition)}.works__cover:hover{filter:none}.works__cover--active{filter:none!important}.works__link{z-index:3;order:1;width:100%;margin-bottom:15px;font-size:0}.works__link--github{display:block;width:36px;height:36px;margin-left:15px}.works__tags{z-index:3;display:flex;flex-wrap:wrap;align-self:flex-end;order:3;margin:0;padding:0 0 10px;list-style:none}.works__nda,.works__tag{font-family:var(--font-bold)}.works__tag{display:inline-block;margin:5px;padding:5px;color:#fff;text-align:center;text-decoration:none;background-color:var(--color-tag);border:2px dashed transparent}.works__nda{font-size:20px}@media (min-width:1240px){.about .title{display:none}}.about__wrapper{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-40px}.about__image{z-index:1;width:100%;max-width:200px;height:100%;background:var(--color-about-image-mobile-background);border-radius:100%}@media (min-width:1240px){.about__image{background:var(--color-about-image-desktop-background);border-radius:100%}}.about__description{text-align:center}.contacts,.contacts__link{display:flex;align-items:center}.contacts{flex-direction:column;max-width:200px}.contacts__link{width:100%;margin-bottom:15px;color:var(--color-main);font-weight:600;text-decoration:none}.contacts__link:last-of-type{margin-bottom:0}@media (min-width:1240px){.contacts__link{margin-right:20px}.contacts__link:first-of-type{margin-bottom:0}}.contacts__link svg{width:40px;height:50px;margin-right:15px}.section-title{position:-webkit-sticky;position:sticky;top:40px;display:flex;align-items:center;width:100%;margin:0 auto;padding-top:40px;font-weight:600;line-height:.8}.socials{display:flex;justify-content:space-between}.socials__link{width:40px;height:50px;font-size:0}.socials__link:first-child{margin-right:10px}.socials__link svg{width:100%;height:100%}.footer{position:fixed;bottom:0;z-index:10;display:flex;flex-direction:column;width:100%}@media (min-width:1240px){.footer{position:-webkit-sticky;position:sticky}}.footer__button{display:flex;align-items:center;align-self:flex-end;box-sizing:border-box;margin:0;padding:7px 12px;color:#fff;font-family:var(--font-bold);background-color:var(--color-primary);border:0;border-top-left-radius:5px;transition:bottom var(--transition)}.footer__button:focus-visible{--color-focus:rgba(0, 123, 193, 1)}.footer__button-text{margin-right:5px}.footer__button-svg{width:100%;max-width:11px;height:100%;max-height:11px;transform:rotate(-90deg);transition:var(--transition);fill:#fff}.footer--opened .footer__button-svg{transform:rotate(90deg)}.footer__wrapper{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;max-height:0;padding:0;overflow:hidden;background-color:var(--color-background);border-top:0 dashed transparent;transition:var(--transition)}.footer--opened .footer__wrapper{padding-top:var(--gap);padding-bottom:var(--gap);overflow:auto}@media (min-width:1240px){.footer__wrapper{z-index:2;flex-direction:row;align-items:center;width:100%;max-height:0;padding-right:var(--gap);padding-left:var(--gap);overflow:hidden;background-color:var(--color-background)}}.footer__title{margin:10px 0;padding:0;font-weight:400;font-size:25px;font-family:var(--font-serif)}@media (min-width:1240px){.footer__title{margin-top:0;margin-right:50px;margin-bottom:0}}.footer__contacts{display:flex;flex-direction:column;align-items:center;max-width:200px}@media (min-width:1240px){.footer__contacts{flex-direction:row;align-items:сenter;max-width:initial}}.footer__link{display:flex;align-items:center;width:100%;margin-bottom:15px;color:var(--color-main);font-weight:600;text-decoration:none}@media (min-width:1240px){.footer__link{margin-right:20px}.footer__link:first-of-type{margin-bottom:0}}.footer__link:last-of-type{margin-bottom:0}.footer__svg{width:35px;height:35px;margin-right:15px}:root{--font-base:'Montserrat', 'Trebuchet MS', sans-serif;--font-bold:'Archivo Black', 'Arial Bold', sans-serif;--font-serif:'Unna', 'Times', serif;--font-size:14px;--width:414px;--gap:20px;--transition:0.2s linear;--media-width-tablet:800px;--media-width-desktop:1280px;--aside-width:30%}