/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}@font-face{font-family:Jura;src:url(/assets/juralight-DI1lnmhr.woff2)format("woff2"),url(/assets/juralight-CdzP1UB6.woff)format("woff");font-weight:300;font-style:normal}@font-face{font-family:Jura;src:url(/assets/jurabook-CC3rjDWa.woff2)format("woff2"),url(/assets/jurabook-CiwxDJxh.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Jura;src:url(/assets/juramedium-29xNxJK8.woff2)format("woff2"),url(/assets/juramedium-DZ73cSLz.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:Jura;src:url(/assets/jurademi-bold-DFnPfaE8.woff2)format("woff2"),url(/assets/jurademi-bold-DgTHFpjk.woff)format("woff");font-weight:600;font-style:normal}:root{--scheme:dark;--main-bg:#222;--secondary-bg:#2c2c33;--projects-bg:#ebeaec;--main-text:#fff;--accent:#7aedf5;--accent-logo:#50a5ab;--toggle-color-secondary:#eec413}.light-theme{--scheme:light;--main-bg:#f3f3f3;--secondary-bg:#fff;--projects-bg:#f3f3f3;--main-text:#222;--accent:#2bc9d4;--accent-logo:#2bc9d4;--toggle-color-secondary:#fe7765}@media (prefers-color-scheme:light){:root{--scheme:light}}@media screen and (width>=1200px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background:var(--main-text);border-radius:2px}::-webkit-scrollbar-track{background:var(--secondary-bg)}}body{background-color:var(--main-bg);color:var(--main-text);-webkit-tap-highlight-color:#0000;-webkit-font-smoothing:antialiased;font-family:Jura,sans-serif;font-size:16px;line-height:20px}@media screen and (width<=767px){body{font-size:14px}}.wrapper{flex-direction:column;height:100%;min-height:100vh;display:flex}.content{flex:1}.container{width:100%;max-width:1368px;margin:0 auto;padding:0 24px}@media screen and (width<=767px){.container{padding:0 16px}}*,:before,:after{box-sizing:border-box}:focus{outline:none}ul,ol{margin:0}p{margin-top:0;margin-bottom:16px}p:last-child{margin-bottom:0}a{color:unset;text-decoration:none}b{font-weight:700}img{max-width:100%;display:block}input::-webkit-outer-spin-button{appearance:none}input::-webkit-inner-spin-button{appearance:none}input[type=number]{-moz-appearance:textfield}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.h2title{margin-top:0;margin-bottom:30px;font-size:30px;font-weight:600;transition:color .2s}.margin-section{margin-bottom:120px}@media screen and (width<=1200px){.margin-section{margin-bottom:100px}}@media screen and (width<=1023px){.margin-section{margin-bottom:80px}}.header{padding:40px 0}@media screen and (width<=767px){.header{padding:20px 0}}.header__container{justify-content:space-between;align-items:center;display:flex}.header__logo{max-width:250px;color:var(--main-text);display:flex}@media screen and (width<=767px){.header__logo{max-width:200px}}.header__logo:hover #logo-bg,.header__logo:focus #logo-bg{fill:var(--accent-logo)}.header__logo svg{fill:currentColor;object-fit:cover;width:100%;height:100%;display:block}.header__logo svg #logo-bg{fill:var(--main-bg);transition:fill .3s ease-in-out}.theme-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:37px;height:37px;padding:0;display:flex;position:relative}.theme-toggle .sun{background:var(--toggle-color-secondary);border:4px solid var(--main-bg);border-radius:50%;width:34px;height:34px}.theme-toggle .sun__ray{background:var(--toggle-color-secondary);z-index:-1;width:2px;height:121%;transition:all .4s,height .3s ease-in-out;display:block;position:absolute}.theme-toggle .sun__ray:first-child{transform:rotate(30deg)}.theme-toggle .sun__ray:nth-child(2){transform:rotate(60deg)}.theme-toggle .sun__ray:nth-child(3){transform:rotate(90deg)}.theme-toggle .sun__ray:nth-child(4){transform:rotate(120deg)}.theme-toggle .sun__ray:nth-child(5){transform:rotate(150deg)}.theme-toggle .sun__ray:nth-child(6){transform:rotate(180deg)}.theme-toggle .sun__ray:nth-child(7){transform:rotate(210deg)}.theme-toggle .sun__ray:nth-child(8){transform:rotate(240deg)}.theme-toggle .sun__ray:nth-child(9){transform:rotate(270deg)}.theme-toggle .sun__ray:nth-child(10){transform:rotate(300deg)}.theme-toggle .sun__ray:nth-child(11){transform:rotate(330deg)}.theme-toggle .sun__ray:nth-child(12){transform:rotate(360deg)}.theme-toggle:hover .sun__ray:first-child,.theme-toggle:focus .sun__ray:first-child{transform:rotate(10deg)}.theme-toggle:hover .sun__ray:nth-child(2),.theme-toggle:focus .sun__ray:nth-child(2){transform:rotate(40deg)}.theme-toggle:hover .sun__ray:nth-child(3),.theme-toggle:focus .sun__ray:nth-child(3){transform:rotate(70deg)}.theme-toggle:hover .sun__ray:nth-child(4),.theme-toggle:focus .sun__ray:nth-child(4){transform:rotate(100deg)}.theme-toggle:hover .sun__ray:nth-child(5),.theme-toggle:focus .sun__ray:nth-child(5){transform:rotate(130deg)}.theme-toggle:hover .sun__ray:nth-child(6),.theme-toggle:focus .sun__ray:nth-child(6){transform:rotate(160deg)}.theme-toggle:hover .sun__ray:nth-child(7),.theme-toggle:focus .sun__ray:nth-child(7){transform:rotate(190deg)}.theme-toggle:hover .sun__ray:nth-child(8),.theme-toggle:focus .sun__ray:nth-child(8){transform:rotate(220deg)}.theme-toggle:hover .sun__ray:nth-child(9),.theme-toggle:focus .sun__ray:nth-child(9){transform:rotate(250deg)}.theme-toggle:hover .sun__ray:nth-child(10),.theme-toggle:focus .sun__ray:nth-child(10){transform:rotate(280deg)}.theme-toggle:hover .sun__ray:nth-child(11),.theme-toggle:focus .sun__ray:nth-child(11){transform:rotate(310deg)}.theme-toggle:hover .sun__ray:nth-child(12),.theme-toggle:focus .sun__ray:nth-child(12){transform:rotate(340deg)}.moon{background:var(--main-bg);z-index:9;transform-origin:100%;border-radius:50%;width:28px;height:28px;transition:transform .4s;position:absolute;top:0;right:0;transform:scale(0)translate(25%,-25%)}.light-theme .theme-toggle{background-color:var(--main-bg)}.light-theme .theme-toggle:hover .moon,.light-theme .theme-toggle:focus .moon{transform:scale(1)translate(-3%,-18%)}.light-theme .moon{transform:scale(1)translate(11%,-11%)}.light-theme .theme-toggle .sun__ray{height:0;transition:all .4s,transform .4s,height .2s .1s}.light-theme .theme-toggle .sun__ray:first-child{transform:rotate(-15deg)}.light-theme .theme-toggle .sun__ray:nth-child(2){transform:rotate(15deg)}.light-theme .theme-toggle .sun__ray:nth-child(3){transform:rotate(45deg)}.light-theme .theme-toggle .sun__ray:nth-child(4){transform:rotate(75deg)}.light-theme .theme-toggle .sun__ray:nth-child(5){transform:rotate(105deg)}.light-theme .theme-toggle .sun__ray:nth-child(6){transform:rotate(135deg)}.light-theme .theme-toggle .sun__ray:nth-child(7){transform:rotate(165deg)}.light-theme .theme-toggle .sun__ray:nth-child(8){transform:rotate(195deg)}.light-theme .theme-toggle .sun__ray:nth-child(9){transform:rotate(225deg)}.light-theme .theme-toggle .sun__ray:nth-child(10){transform:rotate(255deg)}.light-theme .theme-toggle .sun__ray:nth-child(11){transform:rotate(285deg)}.light-theme .theme-toggle .sun__ray:nth-child(12){transform:rotate(315deg)}.footer{padding:40px 0}@media screen and (width<=767px){.footer{padding:20px 0}}.footer__container{justify-content:space-between;align-items:center;display:flex}@media screen and (width<=767px){.footer__container{flex-direction:column;align-items:center}.footer__copyright{margin-top:20px}}.projects{padding-top:30px;overflow:hidden}.projects__filter{flex-wrap:wrap;align-items:center;padding-left:0;list-style:none;display:flex}@media screen and (width<=1200px){.projects__filter{flex-wrap:nowrap;width:100vw;overflow-x:scroll;transform:translate(-24px)}}@media screen and (width<=767px){.projects__filter{width:calc(100vw + 8px)}}.projects-filter__wrap{background-color:var(--secondary-bg);margin-bottom:75px}@media screen and (width<=767px){.projects-filter__wrap{margin-bottom:70px}}.projects-filter__container{position:relative}.projects-filter__item label{cursor:pointer;margin-bottom:10px;padding:20px 38px;display:flex;position:relative}@media screen and (width<=1200px){.projects-filter__item label{margin-bottom:0;padding:20px 24px}}@media screen and (width<=767px){.projects-filter__item label{padding:16px 24px}}.projects-filter__item label:hover,.projects-filter__item label:focus{color:var(--accent)}.projects-filter__item label:before{content:"";background-color:var(--main-bg);width:200vw;height:10px;position:absolute;top:100%;left:-100vw}@media screen and (width<=1200px){.projects-filter__item label:before{display:none}}.projects-filter__item input:focus+span,.projects-filter__item input:checked+span{color:var(--accent)}.projects-filter__item span{white-space:nowrap;font-weight:600;transition:color .2s}.projects-filter__clear{color:var(--main-text);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-weight:600;transition:color .2s;display:flex;position:absolute;top:calc(100% + 23px);right:24px}@media screen and (width<=1200px){.projects-filter__clear{top:calc(100% + 28px);right:16px}}@media screen and (width<=767px){.projects-filter__clear{font-weight:500}}@media screen and (width<=349px){.projects-filter__clear{font-size:12px}}.projects-filter__clear:hover,.projects-filter__clear:focus{color:var(--accent)}.projects-filter__clear svg{margin-right:8px}@media screen and (width<=767px){.projects-filter__clear svg{margin-right:4px}}.projects-filter__clear svg path{stroke:currentColor}.projects-filter__sort{position:absolute;top:calc(100% + 23px)}@media screen and (width<=1200px){.projects-filter__sort{top:calc(100% + 28px)}}.projects-filter-sort__btn{width:auto;color:var(--main-text);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-weight:600;transition:color .2s;display:flex}@media screen and (width<=767px){.projects-filter-sort__btn{font-weight:500}}@media screen and (width<=349px){.projects-filter-sort__btn{font-size:12px}}.projects-filter-sort__btn:hover,.projects-filter-sort__btn:focus,.projects-filter-sort__btn.active{color:var(--accent)}.projects-filter-sort__btn svg{fill:currentColor;margin-right:8px}@media screen and (width<=767px){.projects-filter-sort__btn svg{margin-right:4px}}.projects-filter-sort__list{background-color:var(--secondary-bg);opacity:0;visibility:hidden;border-radius:2px;padding:5px 0;list-style:none;position:absolute;top:calc(100% + 15px);left:-20px;box-shadow:1px 5px 14px #14191f80}@media screen and (width<=767px){.projects-filter-sort__list{top:calc(100% + 10px);left:-16px}}.projects-filter-sort__list.active{opacity:1;visibility:visible;transition:visibility linear,opacity .1s linear}.projects-filter-sort__itembtn{width:100%;color:var(--main-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:10px 20px;font-weight:600;transition:color .2s;display:flex}@media screen and (width<=767px){.projects-filter-sort__itembtn{padding:10px 16px;font-weight:500}}@media screen and (width<=349px){.projects-filter-sort__itembtn{font-size:12px}}.projects-filter-sort__itembtn:hover,.projects-filter-sort__itembtn:focus,.projects-filter-sort__itembtn.active{color:var(--accent)}.projects-filter-sort__itembtn svg{fill:currentColor;margin-right:8px}@media screen and (width<=767px){.projects-filter-sort__itembtn svg{margin-right:4px}}.projects__list{grid-gap:40px 24px;grid-template-columns:repeat(3,1fr);padding-left:0;list-style:none;display:grid}@media screen and (width<=1200px){.projects__list{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=767px){.projects__list{grid-gap:16px;grid-template-columns:repeat(1,1fr)}}.projects-item__link{background-color:var(--secondary-bg);border-radius:5px;height:100%;padding:20px;transition:color .2s;display:block}@media screen and (width<=767px){.projects-item__link{padding:16px}}.projects-item__link:hover,.projects-item__link:focus{color:var(--accent)}.projects-item__logo{background-color:var(--projects-bg);border-radius:5px;justify-content:center;align-items:center;height:200px;padding:20px;display:flex}.projects-item__img{object-fit:contain;width:100%;max-width:300px;height:100%}.projects-item__top{justify-content:space-between;margin-top:15px;margin-bottom:20px;display:flex}.projects-item__title{margin:0;font-size:22px;font-weight:600}@media screen and (width<=767px){.projects-item__title{font-size:20px}}.projects-item__descr{margin-bottom:18px}.projects-item__tags{flex-wrap:wrap;padding-left:0;list-style:none;display:flex}.projects-item__tag{font-size:14px}.projects-item__tag:not(:last-child){margin-right:10px}