.app{overflow:hidden}.app__home{margin-top:80px}.header{background-color:var(--color-ebony);border-bottom:1px solid var(--color-border);box-shadow:0 0 10px rgba(0,0,0,.35);position:fixed;left:0;top:0;width:100%;z-index:10}.header__inner{display:flex;height:80px}@media (max-width:1024px){.app__home{margin-top:70px}.header__inner{height:70px}}@media (max-width:768px){.app__home{margin-top:60px}.header__inner{height:60px}}@media (max-width:576px){.app__home{margin-top:50px}.header__inner{height:50px}}.header__logo{background:#3241cd;background:radial-gradient(circle,#3241cd 0,#1020b5 100%);flex-shrink:0;height:85px;text-shadow:2px 2px 3px rgba(255,255,255,.12);width:80px}@media (max-width:1024px){.header__logo{height:74px;width:70px}}@media (max-width:768px){.header__logo{height:64px;width:60px}}@media (max-width:576px){.header__logo{height:53px;width:50px}}.header__logo-link{align-items:center;color:var(--color-white);font-family:var(--font-family);font-size:40px;font-weight:700;display:flex;height:100%;justify-content:center;line-height:normal;width:100%}.header__nav{padding-left:50px}.nav{background-color:var(--color-ebony);display:flex;flex-grow:1}.nav__item{max-width:95px;width:100%}.nav__item:not(:last-child){border-right:1px solid var(--color-border)}.nav__link{align-items:center;display:flex;justify-content:center;height:100%;width:100%}.nav__link svg{display:block;width:32px;height:32px;fill:var(--color-white);-o-object-fit:cover;object-fit:cover}@media (max-width:1024px){.header__nav{padding-left:37px}.nav__item{max-width:85px}.nav__link svg{width:28px;height:28px}}@media (max-width:768px){.header__nav{padding-left:24px}.nav__item{max-width:75px}.nav__link svg{width:24px;height:24px}}@media (max-width:576px){.header__logo-link{font-size:25px}.header__nav{padding-left:15px}.nav__item{max-width:65px}.nav__link svg{width:20px;height:20px}}.nav__link--active svg{fill:var(--color-accent)}.home{background-color:#111;background-image:url(../../img/bg-react.jpg);background-size:cover;background-position:top left;padding:100px 0}@media (max-width:1024px){.home{padding:83px 0}}@media (max-width:768px){.home{padding:66px 0}}@media (max-width:576px){.home{padding:50px 0}}.home__desc{background:#131f90;background:linear-gradient(100deg,#131f90 0,#1020b5 100%);border-radius:var(--border-radius);grid-column:9 span;padding:50px;box-shadow:0 0 10px rgba(0,0,0,.35);opacity:.96}@media (max-width:768px){.home__desc{background:0 0;border:none;border-radius:0;box-shadow:none;grid-column:10 span;margin-left:20px;padding:0}}@media (max-width:576px){.home__desc{grid-column:11 span;margin-left:10px}}.home__salutation{color:var(--color-white);font-family:var(--font-family);font-size:20px;font-weight:400;line-height:normal;margin:0 0 10px}.home__salutation span{font-family:var(--font-family);font-size:68px;font-weight:700;display:block;line-height:normal;margin:30px 0;text-shadow:2px 2px 3px rgba(255,255,255,.12)}@media (max-width:576px){.home__salutation{font-size:16px}.home__salutation span{font-size:42px}}.home__portfolio-text{color:rgba(255,255,255,.8);font:var(--font-regular-15);margin:5px 0 0}.home__do,.home__list-item,.home__profession{color:rgba(255,255,255,.8);font:var(--font-regular-16)}.home__do{margin-bottom:12px}.home__list-item{padding-left:24px;position:relative}.home__list-item::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjhweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCA0MzguNTM2IDQzOC41MzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzOC41MzYgNDM4LjUzNjsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiPg0KPGc+DQoJPHBhdGggZD0iTTQxNC40MSwyNC4xMjNDMzk4LjMzMyw4LjA0MiwzNzguOTYzLDAsMzU2LjMxNSwwSDgyLjIyOEM1OS41OCwwLDQwLjIxLDguMDQyLDI0LjEyNiwyNC4xMjMNCgkJQzguMDQ1LDQwLjIwNywwLjAwMyw1OS41NzYsMC4wMDMsODIuMjI1djI3NC4wODRjMCwyMi42NDcsOC4wNDIsNDIuMDE4LDI0LjEyMyw1OC4xMDJjMTYuMDg0LDE2LjA4NCwzNS40NTQsMjQuMTI2LDU4LjEwMiwyNC4xMjYNCgkJaDI3NC4wODRjMjIuNjQ4LDAsNDIuMDE4LTguMDQyLDU4LjA5NS0yNC4xMjZjMTYuMDg0LTE2LjA4NCwyNC4xMjYtMzUuNDU0LDI0LjEyNi01OC4xMDJWODIuMjI1DQoJCUM0MzguNTMyLDU5LjU3Niw0MzAuNDksNDAuMjA0LDQxNC40MSwyNC4xMjN6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);content:"";height:8px;left:5px;position:absolute;top:4px;width:8px;opacity:.8}.home__list-item+.home__list-item{margin-top:7px}.home__list{margin-bottom:40px}.home__bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.skills{background-color:var(--color-black);padding:60px 0}@media (max-width:1024px){.skills{padding:53px 0}}.skills__title{margin-bottom:35px}.skills__inner{background:#17ab11;background:radial-gradient(circle,#17ab11 0,#13902c 100%);border-radius:var(--border-radius);box-shadow:0 0 10px rgba(0,0,0,.35);position:relative;width:74%}@media (max-width:768px){.skills{padding:47px 0}.skills__inner{width:100%}}.skills__decorate{background:var(--color-white);border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);-webkit-clip-path:polygon(47% 0,100% 0,100% 100%,53% 100%);clip-path:polygon(47% 0,100% 0,100% 100%,53% 100%);height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:576px){.home__do,.home__list-item,.home__profession{font:var(--font-regular-14)}.skills{padding:40px 0}.skills__decorate{display:none}}.skills__hard,.skills__soft{grid-column:6 span;padding:50px}@media (max-width:1024px){.skills__hard,.skills__soft{padding:40px}}@media (max-width:768px){.skills__hard,.skills__soft{padding:30px}}.skills__soft{z-index:2}@media (max-width:576px){.skills__hard,.skills__soft{grid-column:12 span}.skills__soft{background-color:var(--color-white);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}.skills__subtitle{align-items:center;color:var(--color-white);display:flex;font:var(--font-bold-24);margin:0 0 30px}.skills__subtitle svg{display:block;width:32px;height:32px;fill:var(--color-white);margin-right:10px;-o-object-fit:cover;object-fit:cover}.skills__subtitle--soft{color:#17ab11}.skills__subtitle--soft svg{fill:#17ab11}.skills__item{color:rgba(255,255,255,.8);font:--font-regular-16;padding-left:24px;position:relative}.skills__item+.skills__item{margin-top:10px}.skills__item--hard:before,.skills__item--soft::before{content:"";height:8px;left:5px;opacity:.8;position:absolute;top:4px;width:8px}.skills__item--hard:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjhweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCA0MzguNTM2IDQzOC41MzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzOC41MzYgNDM4LjUzNjsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmYiPg0KPGc+DQoJPHBhdGggZD0iTTQxNC40MSwyNC4xMjNDMzk4LjMzMyw4LjA0MiwzNzguOTYzLDAsMzU2LjMxNSwwSDgyLjIyOEM1OS41OCwwLDQwLjIxLDguMDQyLDI0LjEyNiwyNC4xMjMNCgkJQzguMDQ1LDQwLjIwNywwLjAwMyw1OS41NzYsMC4wMDMsODIuMjI1djI3NC4wODRjMCwyMi42NDcsOC4wNDIsNDIuMDE4LDI0LjEyMyw1OC4xMDJjMTYuMDg0LDE2LjA4NCwzNS40NTQsMjQuMTI2LDU4LjEwMiwyNC4xMjYNCgkJaDI3NC4wODRjMjIuNjQ4LDAsNDIuMDE4LTguMDQyLDU4LjA5NS0yNC4xMjZjMTYuMDg0LTE2LjA4NCwyNC4xMjYtMzUuNDU0LDI0LjEyNi01OC4xMDJWODIuMjI1DQoJCUM0MzguNTMyLDU5LjU3Niw0MzAuNDksNDAuMjA0LDQxNC40MSwyNC4xMjN6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==)}.skills__item--soft:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjhweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCA0MzguNTM2IDQzOC41MzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzOC41MzYgNDM4LjUzNjsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiMxN2FiMTEiPg0KPGc+DQoJPHBhdGggZD0iTTQxNC40MSwyNC4xMjNDMzk4LjMzMyw4LjA0MiwzNzguOTYzLDAsMzU2LjMxNSwwSDgyLjIyOEM1OS41OCwwLDQwLjIxLDguMDQyLDI0LjEyNiwyNC4xMjMNCgkJQzguMDQ1LDQwLjIwNywwLjAwMyw1OS41NzYsMC4wMDMsODIuMjI1djI3NC4wODRjMCwyMi42NDcsOC4wNDIsNDIuMDE4LDI0LjEyMyw1OC4xMDJjMTYuMDg0LDE2LjA4NCwzNS40NTQsMjQuMTI2LDU4LjEwMiwyNC4xMjYNCgkJaDI3NC4wODRjMjIuNjQ4LDAsNDIuMDE4LTguMDQyLDU4LjA5NS0yNC4xMjZjMTYuMDg0LTE2LjA4NCwyNC4xMjYtMzUuNDU0LDI0LjEyNi01OC4xMDJWODIuMjI1DQoJCUM0MzguNTMyLDU5LjU3Niw0MzAuNDksNDAuMjA0LDQxNC40MSwyNC4xMjN6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==)}.skills__item--soft{color:rgba(22,172,17,.8)}.portfolio{background-color:var(--color-ebony);padding:60px 0}@media (max-width:1024px){.portfolio{padding:53px 0}}.portfolio__title{margin-bottom:35px}.gallery__item{grid-column:4 span;display:flex;flex-direction:column;margin-bottom:25px;position:relative}@media (max-width:768px){.portfolio{padding:47px 0}.gallery__item{grid-column:6 span}}@media (max-width:576px){.portfolio{padding:40px 0}.gallery__item{grid-column:12 span}}.gallery__item-img{border-radius:var(--border-radius);margin-bottom:15px;transition:.3s ease-in-out}.gallery__item-img:hover{transform:scale(1.015)}.gallery__item-name{color:var(--color-white);font-family:var(--font-family);font-size:24px;font-weight:700;line-height:normal;margin:0}.gallery__item-tech{display:flex;flex-wrap:wrap;justify-content:right;position:absolute;top:7px;right:7px}.gallery__item-tech span{background-color:#17ab11;border-radius:4px;color:var(--color-white);cursor:default;font-size:12px;margin-bottom:5px;padding:2px 4px 1px;white-space:nowrap}.gallery__item-tech span+span{margin-left:5px}.gallery__item-desc{color:rgba(255,255,255,.8);font:var(--font-regular-15);margin-bottom:12px}.gallery__item-link{display:block;margin-bottom:10px}.gallery__item-link-github{color:rgba(50,65,205,.8);font:var(--font-regular-14)}.custom-checkbox__field:checked+.custom-checkbox__content::after{opacity:1}.custom-checkbox__field:disabled+.custom-checkbox__content{opacity:.4;pointer-events:none}.contacts{background-color:var(--color-ebony);padding:60px 0}@media (max-width:1024px){.contacts{padding:53px 0}}@media (max-width:768px){.contacts{padding:47px 0}}@media (max-width:576px){.contacts{padding:40px 0}}.contacts__title{margin-bottom:35px}.contacts__text{color:var(--color-white);font:var(--font-regular-16);margin-bottom:40px}.contacts__item{align-items:center;display:flex;font:var(--font-regular-15)}.contacts__item+.contacts__item{margin-top:15px}.contacts__item svg{display:block;width:28px;height:28px;fill:var(--color-white);-o-object-fit:cover;object-fit:cover;margin-right:18px}.contacts__item-link{color:var(--color-white)}