@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Comfortaa:500,700&display=swap);*{padding:0;margin:0;border:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;min-width:320px}body{color:#000;line-height:1;font-family:Comfortaa;font-size:1.125rem;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:Comfortaa;font-size:inherit}button{cursor:pointer;color:inherit;background-color:inherit}a{color:inherit}a:link,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}.no-webp body{background:url(../img/white-brick.png) 0 0 repeat}body{line-height:1.5}.wrapper{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.wrapper>main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.wrapper>*{min-width:0}[class*=__container]{max-width:73.125rem;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto;padding:0 .9375rem}[class*=-ibg]{position:relative}[class*=-ibg] img{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}[class*=-ibg_contain] img{-o-object-fit:contain;object-fit:contain}.header{font-size:1.125rem;color:#001e3a;font-weight:700}.header__row{padding:2.5rem 0 2.1875rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;-webkit-animation:row 5s linear infinite alternate;animation:row 5s linear infinite alternate}@-webkit-keyframes row{0%{border-bottom:.0625rem solid #eb6912}25%{border-bottom:.0625rem solid #c51a1a}50%{border-bottom:.0625rem solid #6a0f6d}100%{border-bottom:.0625rem solid #2c1bcc}}@keyframes row{0%{border-bottom:.0625rem solid #eb6912}25%{border-bottom:.0625rem solid #c51a1a}50%{border-bottom:.0625rem solid #6a0f6d}100%{border-bottom:.0625rem solid #2c1bcc}}.header__logo{-webkit-animation:logo 18s linear infinite;animation:logo 18s linear infinite;-webkit-box-flex:0;-ms-flex:0 0 3.75rem;flex:0 0 3.75rem;z-index:4}.header__logo:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.header__logo img{width:100%}@-webkit-keyframes logo{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes logo{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.header__burger{display:none;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.header__menu{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}.header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:1.75rem;-moz-column-gap:1.75rem;column-gap:1.75rem}.header__link{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.header__link:hover{color:#f10}.no-webp .footer{background:url(../img/pngwing.com.png) center 10px/cover no-repeat}.footer{position:relative;text-align:center;color:#fff}.footer__background{padding:4rem 0 3.75rem 0;background:-o-linear-gradient(68deg,rgba(0,0,0,.8) 0,rgba(0,1,55,.8) 35%,rgba(0,124,149,.8) 100%);background:linear-gradient(22deg,rgba(0,0,0,.8) 0,rgba(0,1,55,.8) 35%,rgba(0,124,149,.8) 100%)}.footer__column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer__title{color:#fff}.footer__title:not(:last-child){margin-bottom:1.875rem}.footer__text:not(:last-child){margin-bottom:1.875rem}.footer__phone{padding:.8125rem 1.875rem;background-color:#6d60e4;color:#fff;text-transform:uppercase;letter-spacing:.125rem;border-radius:1.875rem;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.footer__phone:not(:last-child){margin-bottom:4.0625rem}.footer__phone:hover{background-color:#a9a1ee}.footer__namber{font-size:1.5rem;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-animation:namber 2s linear infinite alternate;animation:namber 2s linear infinite alternate}@-webkit-keyframes namber{0%{-webkit-transform:scale(1,1);transform:scale(1,1);color:#ff3c00}100%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);color:#c9ab02}}@keyframes namber{0%{-webkit-transform:scale(1,1);transform:scale(1,1);color:#ff3c00}100%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);color:#c9ab02}}.footer__namber:hover{color:red;-webkit-animation-play-state:paused;animation-play-state:paused}.footer__namber:not(:last-child){margin-bottom:1.875rem}.footer__text-contacts:not(:last-child){margin-bottom:2.1875rem}.footer__signature{width:100%;background:rgba(0,0,22,.87);font-size:.9375rem;padding:.625rem 0}.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:3.8125rem;-moz-column-gap:3.8125rem;column-gap:3.8125rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.contacts__item{-webkit-box-flex:0;-ms-flex:0 0 2.5rem;flex:0 0 2.5rem;max-height:2.5rem;overflow:hidden;text-align:center;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}.contacts__item:hover{border-radius:.5rem;-webkit-box-shadow:0 0 1.375rem #6b1fe6;box-shadow:0 0 1.375rem #6b1fe6}.contacts__item img{width:100%}.contacts__item img:hover{-webkit-animation:foteritem 2s linear alternate infinite;animation:foteritem 2s linear alternate infinite}@-webkit-keyframes foteritem{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes foteritem{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}.title{font-size:2.125rem;font-weight:700;text-align:center}.home{padding:5rem 0 8.125rem 0;position:relative}.home__container{max-width:56.25rem}.home__column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:.9375rem;-moz-column-gap:.9375rem;column-gap:.9375rem}.home__body{max-width:46.875rem;font-weight:700}.home__title{font-size:2.3125rem}.home__title:not(:last-child){margin:0 0 2.5rem 0}.home__info{position:relative;font-weight:400;color:#006f7e}.home__info::before{content:"";width:190px;height:190px;background:url(../img/psevdo/html.svg) 0 0/190px no-repeat;position:absolute;top:150px;left:240px;z-index:-1;-webkit-transform:scale(2,2) rotate(-25deg);-ms-transform:scale(2,2) rotate(-25deg);transform:scale(2,2) rotate(-25deg);opacity:.05}.home__items{line-height:1.3}.home__items :not(:last-child){margin-bottom:.9375rem}.home__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:.625rem;-moz-column-gap:.625rem;column-gap:.625rem}.home__item::before{content:"";width:1.5625rem;height:1.5625rem;background:url(../img/home/check_icon.svg) 0 -3px/25px no-repeat}.home__photo{position:relative;max-width:35%;max-height:35%}.home__photo::before{content:"";width:70px;height:70px;background:url(../img/psevdo/code_html_link3.svg) 0 0/70px no-repeat;position:absolute;top:41%;left:40%;z-index:-1;-webkit-transform:scale(11,11) rotate(54deg);-ms-transform:scale(11,11) rotate(54deg);transform:scale(11,11) rotate(54deg);opacity:.1}.home__photo img{width:100%;border-radius:2%}.about{position:relative;padding:5.625rem 0;background:-webkit-gradient(linear,left bottom,left top,from(rgba(238,246,66,0)),color-stop(6%,rgba(238,246,66,.338902148)),color-stop(49%,rgba(238,246,66,.5727923628)),color-stop(94%,rgba(238,246,66,.3245823389)),to(rgba(238,246,66,0)));background:-o-linear-gradient(bottom,rgba(238,246,66,0) 0,rgba(238,246,66,.338902148) 6%,rgba(238,246,66,.5727923628) 49%,rgba(238,246,66,.3245823389) 94%,rgba(238,246,66,0) 100%);background:linear-gradient(0deg,rgba(238,246,66,0) 0,rgba(238,246,66,.338902148) 6%,rgba(238,246,66,.5727923628) 49%,rgba(238,246,66,.3245823389) 94%,rgba(238,246,66,0) 100%);font-size:1.25rem;line-height:1.7}.about::after{content:"";width:410px;height:410px;background:url(../img/psevdo/iconfinderwebsitebuilder.svg) 0 0/cover no-repeat;position:absolute;top:25%;right:12%;z-index:-1;opacity:.1;-webkit-transform:scale(2,2);-ms-transform:scale(2,2);transform:scale(2,2)}.about::before{content:"";width:410px;height:410px;background:url(../img/psevdo/dots.svg) 0 0/cover no-repeat;position:absolute;top:33%;left:-7%;z-index:-1;opacity:.07;-webkit-animation:aboutbe 15s linear infinite;animation:aboutbe 15s linear infinite}@-webkit-keyframes aboutbe{0%{-webkit-transform:scale(.7,.7) rotate(0);transform:scale(.7,.7) rotate(0)}50%{-webkit-transform:scale(1.1,1.1) rotate(180deg);transform:scale(1.1,1.1) rotate(180deg)}100%{-webkit-transform:scale(.7,.7) rotate(360deg);transform:scale(.7,.7) rotate(360deg)}}@keyframes aboutbe{0%{-webkit-transform:scale(.7,.7) rotate(0);transform:scale(.7,.7) rotate(0)}50%{-webkit-transform:scale(1.1,1.1) rotate(180deg);transform:scale(1.1,1.1) rotate(180deg)}100%{-webkit-transform:scale(.7,.7) rotate(360deg);transform:scale(.7,.7) rotate(360deg)}}.about__title:not(:last-child){margin-bottom:1.25rem}.about__hi:not(:last-child){margin-bottom:1.25rem}.about__certificate{max-width:31.25rem;margin:0 auto;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;cursor:pointer}.about__certificate:not(:last-child){margin-bottom:1.25rem}.about__certificate._certificate-active{-webkit-transform:scale(2.7,2.7);-ms-transform:scale(2.7,2.7);transform:scale(2.7,2.7)}.about__certificate img{width:100%}.about__text:not(:last-child){margin-bottom:3.75rem}.about__contacts{text-align:center}.about__phone{font-size:1.5rem}.about__phone:not(:last-child){margin-bottom:.625rem}.about__namber{display:inline-block;margin-bottom:1.25rem;font-size:1.5rem;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.about__namber:hover{color:red;-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.skills{padding:5.625rem 0;position:relative}.skills::after,.skills::before{content:"";width:370px;height:370px;background:url(../img/psevdo/engine_gear_internet_option_security_setting6.svg) 0 0/cover no-repeat;position:absolute;z-index:-1;opacity:.1;-webkit-animation:columnaf 125s linear infinite;animation:columnaf 125s linear infinite}@-webkit-keyframes columnaf{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes columnaf{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.skills::before{top:5%;left:-190px}.skills::after{-webkit-animation:columnaf 15s linear infinite;animation:columnaf 15s linear infinite;bottom:5%;right:-190px}.skills__container{text-align:center}.skills__title:not(:last-child){margin-bottom:3.75rem}.skills__text-work:not(:last-child){margin-bottom:3.75rem}.skills__row{display:-ms-grid;display:grid;gap:1.875rem;-ms-grid-rows:1fr 1.875rem 1fr;-ms-grid-columns:1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr 1.875rem 1fr;grid-template:1fr 1fr/1fr 1fr 1fr 1fr 1fr;justify-items:center}.skills__row :not(:last-child){margin-bottom:.625rem}.skills__icon{max-width:100px}.skills__icon img{width:100%}.skills__subtitle{font-weight:700}.portfolio{position:relative;padding:6.875rem 0 11.25rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(238,246,66,0)),color-stop(6%,rgba(238,246,66,.338902148)),color-stop(49%,rgba(238,246,66,.5727923628)),color-stop(94%,rgba(238,246,66,.3245823389)),to(rgba(238,246,66,0)));background:-o-linear-gradient(bottom,rgba(238,246,66,0) 0,rgba(238,246,66,.338902148) 6%,rgba(238,246,66,.5727923628) 49%,rgba(238,246,66,.3245823389) 94%,rgba(238,246,66,0) 100%);background:linear-gradient(0deg,rgba(238,246,66,0) 0,rgba(238,246,66,.338902148) 6%,rgba(238,246,66,.5727923628) 49%,rgba(238,246,66,.3245823389) 94%,rgba(238,246,66,0) 100%)}.portfolio::before{content:"";width:520px;height:520px;background:url(../img/psevdo/macet.svg) 0 0/520px no-repeat;position:absolute;bottom:20%;left:0;z-index:-1;-webkit-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transform:rotate(-25deg);opacity:.09}.portfolio::after{content:"";width:410px;height:410px;background:url(../img/psevdo/dots.svg) 0 0/cover no-repeat;position:absolute;top:33%;right:-7%;z-index:-1;opacity:.07;-webkit-animation:aboutbe 15s linear infinite;animation:aboutbe 15s linear infinite}@keyframes aboutbe{0%{-webkit-transform:scale(.7,.7) rotate(0);transform:scale(.7,.7) rotate(0)}50%{-webkit-transform:scale(1.1,1.1) rotate(180deg);transform:scale(1.1,1.1) rotate(180deg)}100%{-webkit-transform:scale(.7,.7) rotate(360deg);transform:scale(.7,.7) rotate(360deg)}}.portfolio__title:not(:last-child){margin-bottom:3.75rem}.portfolio__items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:1.875rem;margin:0 -.9375rem}.portfolio__website{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;padding:0 .9375rem}.portfolio__website :not(:last-child){margin-bottom:2.1875rem}.website{padding:0 0 1.25rem;color:#fff;letter-spacing:5px;background:-o-linear-gradient(39deg,rgba(0,0,0,.705) 4%,#ec0000 50%,rgba(0,0,0,.897) 96%);background:linear-gradient(51deg,rgba(0,0,0,.705) 4%,#ec0000 50%,rgba(0,0,0,.897) 96%);border-radius:.625rem;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}.website:hover{-webkit-box-shadow:0 0 13px red;box-shadow:0 0 13px red}.website__picture{padding:0 0 60% 0}.website__picture img{border-radius:.5rem .5rem 0 0}.website__title{text-align:center;font-size:calc(15px + .2604166667vw)}@media (max-width:64.06125em){.about::before{top:49%;left:-7%}.portfolio::after{top:49%}}@media (max-width:61.99875em){.portfolio{padding:3.75rem 0 5.625rem}.portfolio__website :not(:last-child){margin-bottom:1.25rem}}@media (max-width:47.99875em){.no-webp .header{background:url(../img/white-brick.png) 0 0 repeat}.header{position:fixed;top:0;left:0;z-index:99;width:100%}.header__container{padding:.25rem .625rem}.header__row{padding:0;-webkit-animation:none;animation:none}.header__logo{-webkit-box-flex:0;-ms-flex:0 0 2.5rem;flex:0 0 2.5rem}.header__burger{display:block;position:relative;width:1.875rem;height:1.125rem;cursor:pointer;z-index:4}.header__burger span,.header__burger::after,.header__burger::before{content:"";-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;right:0;position:absolute;width:100%;height:.125rem;background-color:#000}.header__burger::before{top:0}.header__burger::after{bottom:0}.header__burger span{top:calc(50% - .0625rem)}.header__burger.menu-active span{width:0}.header__burger.menu-active::after,.header__burger.menu-active::before{background-color:#fff}.header__burger.menu-active::before{top:calc(50% - .0625rem);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.header__burger.menu-active::after{bottom:calc(50% - .0625rem);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.header__menu{overflow:auto;position:fixed;top:0;left:-100%;text-align:center;font-size:1.75rem;color:#fff;background-color:rgba(0,0,0,.952);width:100%;height:100%;z-index:3}.header__menu.menu-active{left:0}.header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:6.25rem 1.875rem}.header__list :not(:last-child){margin-bottom:2.5rem}.footer__background{padding:2.5rem 0 2.5rem 0}.footer__title:not(:last-child){font-size:1.5625rem;margin-bottom:.9375rem}.footer__text:not(:last-child){margin-bottom:1.25rem}.footer__phone:not(:last-child){margin-bottom:1.875rem}.footer__namber:not(:last-child){margin-bottom:.9375rem}.footer__text-contacts:not(:last-child){margin-bottom:1.25rem}.contacts:not(:last-child){-webkit-column-gap:2.5625rem;-moz-column-gap:2.5625rem;column-gap:2.5625rem}.home{padding:8.125rem 0 3.125rem 0}.home__column{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home__body{margin-bottom:1.25rem}.home__title:not(:last-child){margin:0 0 1.875rem 0}.home__items :not(:last-child){margin-bottom:.625rem}.home__photo{max-width:65%;max-height:65%}.home__photo::before{display:none}.about{padding:3.125rem 0;font-size:1.0625rem}.about__title:not(:last-child){margin-bottom:.625rem}.about__hi:not(:last-child){margin-bottom:.9375rem}.about__certificate:not(:last-child){margin-bottom:.9375rem}.about__certificate:not(:last-child)._certificate-active{-webkit-transform:scale(1.7,1.7);-ms-transform:scale(1.7,1.7);transform:scale(1.7,1.7)}.about__text:not(:last-child){margin-bottom:1.25rem}.about__phone:not(:last-child){font-size:1.25rem;margin-bottom:.3125rem}.about__namber:not(:last-child){margin-bottom:.625rem}.skills{padding:3.125rem 0}.skills__title:not(:last-child){margin-bottom:1.875rem}.skills__text-work:not(:last-child){margin-bottom:2.5rem}.skills__row{gap:.9375rem;-ms-grid-rows:1fr;-ms-grid-columns:1fr .9375rem 1fr;grid-template:1fr/1fr 1fr}.skills__subtitle{font-size:.8125rem}.portfolio__title:not(:last-child){margin-bottom:1.875rem}.portfolio__website{padding:0 .3125rem;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.portfolio__website :not(:last-child){margin-bottom:.9375rem}.website:hover{-webkit-box-shadow:0 0 7px red;box-shadow:0 0 7px red}.website__title{font-size:calc(15px + 8.5 * (100vw - 320px)/ 1920)}}@media (max-width:26.62375em){.home__photo{max-width:95%;max-height:95%}}@media (max-width:23.49875em){.skills__icon{max-width:70px}}.webp body{background:url(../img/white-brick.webp) 0 0 repeat}.webp .footer{background:url(../img/pngwing.com.webp) center 10px/cover no-repeat}@media (max-width:47.99875em){.webp .header{background:url(../img/white-brick.webp) 0 0 repeat}}