.main-menu[data-v-99871ece]{position:fixed;top:20px;right:20px;z-index:101}.main-menu__button[data-v-99871ece]{position:relative;width:45px;height:45px;background-color:var(--main-akcent-color);border-radius:50%;border:none;box-shadow:0 0 5px #fff;transition:box-shadow .3s ease-in;cursor:pointer;z-index:101}@media(min-width:767px){.main-menu__button[data-v-99871ece]{width:55px;height:55px}}@media(min-width:1024px){.main-menu__button[data-v-99871ece]:focus,.main-menu__button[data-v-99871ece]:hover{box-shadow:var(--main-akcent-color) 0 0 5px}}.main-menu__button.active span[data-v-99871ece]{background:none;transition-delay:0s,.3s}.main-menu__button.active span[data-v-99871ece]:before{transform:rotate(45deg);top:0;transition-delay:0s,.3s}.main-menu__button.active span[data-v-99871ece]:after{transform:rotate(-45deg);bottom:0;transition-delay:0s,.3s}.main-menu__button span[data-v-99871ece]{display:block;position:absolute;width:50%;top:50%;left:50%;height:3px;transform:translate(-50%,-50%);transition:background 0s .3s;background:#fff}.main-menu__button span[data-v-99871ece]:after,.main-menu__button span[data-v-99871ece]:before{content:"";position:absolute;display:block;left:0;width:100%;height:3px;background-color:#fff;transition-duration:.3s,.3s;transition-delay:.3s,0s}.main-menu__button span[data-v-99871ece]:before{top:-8px;transition-property:top,transform}.main-menu__button span[data-v-99871ece]:after{bottom:-8px;transition-property:bottom,transform}.main-menu__nav[data-v-99871ece]{position:fixed;z-index:100;background-color:var(--main-akcent-color);transition:width .3s,height .3s;width:0;height:0;font-size:1.5em;top:0;right:0;transform-origin:100% 0;overflow:hidden;visibility:hidden}@media(min-width:768px){.main-menu__nav[data-v-99871ece]{border-bottom-left-radius:500px}}.main-menu__nav.active[data-v-99871ece]{width:100%;height:100%;visibility:visible;-webkit-animation:anim-jelly-99871ece .8s linear forwards;animation:anim-jelly-99871ece .8s linear forwards}@media(min-width:768px){.main-menu__nav.active[data-v-99871ece]{width:500px;height:500px}}.main-menu__nav.active .main-menu__list[data-v-99871ece]{opacity:1}.main-menu__list[data-v-99871ece]{padding:60px 0;margin:0;text-align:center;list-style-type:none;opacity:0;transition:opacity .3s .3s}@media(min-width:768px){.main-menu__list[data-v-99871ece]{padding:60px 0 0 20%}}.main-menu__list-item[data-v-99871ece]{color:#fff;text-transform:uppercase;margin:10px 0;display:flex;justify-content:center;align-items:center}.main-menu__list-item button[data-v-99871ece]{position:relative;cursor:pointer;background:none;border:none;color:inherit;font-size:inherit}.main-menu__list-item button[data-v-99871ece]:before{content:"";position:absolute;left:50%;right:50%;bottom:-2px;background:#fff;height:2px;transition-property:left,right;transition-duration:.4s;transition-timing-function:ease-out;display:none}@media(min-width:1024px){.main-menu__list-item button[data-v-99871ece]:before{display:block}.main-menu__list-item button[data-v-99871ece]:focus:before,.main-menu__list-item button[data-v-99871ece]:hover:before{left:0;right:0}}.main-menu__list-item svg[data-v-99871ece]{width:40px;height:25px}@-webkit-keyframes anim-jelly-99871ece{0%{transform:matrix(0,0,0,0,0,0)}3.333333%{transform:matrix(.32778,0,0,.32778,0,0)}6.666667%{transform:matrix(.69875,0,0,.69875,0,0)}10%{transform:matrix(1,0,0,1,0,0)}13.333333%{transform:matrix(1.1815,0,0,1.1815,0,0)}16.666667%{transform:matrix(1.24402,0,0,1.24402,0,0)}20%{transform:matrix(1.21871,0,0,1.21871,0,0)}23.333333%{transform:matrix(1.14702,0,0,1.14702,0,0)}26.666667%{transform:matrix(1.06589,0,0,1.06589,0,0)}30%{transform:matrix(1,0,0,1,0,0)}33.333333%{transform:matrix(.9603,0,0,.9603,0,0)}36.666667%{transform:matrix(.94663,0,0,.94663,0,0)}40%{transform:matrix(.95217,0,0,.95217,0,0)}43.333333%{transform:matrix(.96784,0,0,.96784,0,0)}46.666667%{transform:matrix(.98559,0,0,.98559,0,0)}50%{transform:matrix(1,0,0,1,0,0)}53.333333%{transform:matrix(1.00868,0,0,1.00868,0,0)}56.666667%{transform:matrix(1.01167,0,0,1.01167,0,0)}60%{transform:matrix(1.01046,0,0,1.01046,0,0)}63.333333%{transform:matrix(1.00703,0,0,1.00703,0,0)}66.666667%{transform:matrix(1.00315,0,0,1.00315,0,0)}70%{transform:matrix(1,0,0,1,0,0)}73.333333%{transform:matrix(.9981,0,0,.9981,0,0)}76.666667%{transform:matrix(.99745,0,0,.99745,0,0)}80%{transform:matrix(.99771,0,0,.99771,0,0)}83.333333%{transform:matrix(.99846,0,0,.99846,0,0)}86.666667%{transform:matrix(.99931,0,0,.99931,0,0)}90%{transform:matrix(1,0,0,1,0,0)}93.333333%{transform:matrix(1.00042,0,0,1.00042,0,0)}96.666667%{transform:matrix(1.00056,0,0,1.00056,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes anim-jelly-99871ece{0%{transform:matrix(0,0,0,0,0,0)}3.333333%{transform:matrix(.32778,0,0,.32778,0,0)}6.666667%{transform:matrix(.69875,0,0,.69875,0,0)}10%{transform:matrix(1,0,0,1,0,0)}13.333333%{transform:matrix(1.1815,0,0,1.1815,0,0)}16.666667%{transform:matrix(1.24402,0,0,1.24402,0,0)}20%{transform:matrix(1.21871,0,0,1.21871,0,0)}23.333333%{transform:matrix(1.14702,0,0,1.14702,0,0)}26.666667%{transform:matrix(1.06589,0,0,1.06589,0,0)}30%{transform:matrix(1,0,0,1,0,0)}33.333333%{transform:matrix(.9603,0,0,.9603,0,0)}36.666667%{transform:matrix(.94663,0,0,.94663,0,0)}40%{transform:matrix(.95217,0,0,.95217,0,0)}43.333333%{transform:matrix(.96784,0,0,.96784,0,0)}46.666667%{transform:matrix(.98559,0,0,.98559,0,0)}50%{transform:matrix(1,0,0,1,0,0)}53.333333%{transform:matrix(1.00868,0,0,1.00868,0,0)}56.666667%{transform:matrix(1.01167,0,0,1.01167,0,0)}60%{transform:matrix(1.01046,0,0,1.01046,0,0)}63.333333%{transform:matrix(1.00703,0,0,1.00703,0,0)}66.666667%{transform:matrix(1.00315,0,0,1.00315,0,0)}70%{transform:matrix(1,0,0,1,0,0)}73.333333%{transform:matrix(.9981,0,0,.9981,0,0)}76.666667%{transform:matrix(.99745,0,0,.99745,0,0)}80%{transform:matrix(.99771,0,0,.99771,0,0)}83.333333%{transform:matrix(.99846,0,0,.99846,0,0)}86.666667%{transform:matrix(.99931,0,0,.99931,0,0)}90%{transform:matrix(1,0,0,1,0,0)}93.333333%{transform:matrix(1.00042,0,0,1.00042,0,0)}96.666667%{transform:matrix(1.00056,0,0,1.00056,0,0)}to{transform:matrix(1,0,0,1,0,0)}}.hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center}.hero__holder{text-align:center;display:flex;flex-flow:column;justify-content:space-around;min-height:100%;padding:50px 0}.hero__title{font-size:1.8rem}@media(min-width:640px){.hero__title{font-size:2.4rem}}.hero__subtitle{font-size:1rem}@media(min-width:640px){.hero__subtitle{font-size:1.125rem}}.hero__avatar{text-align:center}.hero__avatar img{max-width:10rem;border-radius:50%}@media(min-width:640px){.hero__avatar img{max-width:11.25rem}}.hero__pic{margin-left:auto;margin-right:auto}@media(min-width:767px){.hero__pic{max-width:90%}}.hero__scroll-down{position:absolute;left:0;right:0;bottom:10px;width:20px;height:35px;border:3px solid var(--main-akcent-color);border-radius:50px;margin:auto;cursor:pointer;z-index:20}.hero__scroll-down:before{position:absolute;top:5px;left:50%;content:"";width:6px;height:6px;margin-left:-3px;background-color:var(--main-akcent-color);border-radius:100%;-webkit-animation:scrollDownPoint 2s infinite;animation:scrollDownPoint 2s infinite}@-webkit-keyframes scrollDownPoint{0%{transform:translate(0);opacity:0}40%{opacity:1}80%{transform:translateY(20px);opacity:0}to{opacity:0}}@keyframes scrollDownPoint{0%{transform:translate(0);opacity:0}40%{opacity:1}80%{transform:translateY(20px);opacity:0}to{opacity:0}}.about:after,.about:before,.about__holder:after{position:absolute;content:" ";right:0;left:0;background-position:top;background-size:cover;z-index:0}.about{position:relative;background-color:var(--main-akcent-color);padding:3.5rem 0 12.5rem 0;color:#fff}@media(min-width:768px){.about{padding-top:5rem}}.about:after{bottom:-9.375rem;opacity:1;height:300px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjc5IDE5OC42Ij48cGF0aCBkPSJNODM5LjUgOTYuN0M0ODUuMyA5Ni43IDE3NC41IDU3LjkgMCAwdjE5OC42aDE2NzlWMGMtMTc0LjUgNTcuOS00ODUuMyA5Ni43LTgzOS41IDk2Ljd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}.about:before{opacity:1;bottom:0;left:0;height:14.375rem;opacity:.1;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIuNzUiIGQ9Im0wIDMyIDYwIDIxLjNDMTIwIDc1IDI0MCAxMTcgMzYwIDE0NHMyNDAgMzcgMzYwIDE2IDI0MC03NSAzNjAtODAgMjQwIDM3IDMwMCA1OC43bDYwIDIxLjN2MTYwSDBaIi8+PC9zdmc+)}.about__title{text-align:center;text-transform:uppercase}.about__holder:after{bottom:-4.375rem;opacity:.1;height:330px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAgMjI0IDYwLTIxLjNDMTIwIDE4MSAyNDAgMTM5IDM2MCAxMjhzMjQwIDExIDM2MCAyMS4zYzEyMCAxMC43IDI0MCAxMC43IDM2MC0xMC42IDEyMC0yMS43IDI0MC02My43IDMwMC04NS40bDYwLTIxLjN2Mjg4SDBaIi8+PC9zdmc+)}.about__item{flex:0 1 45%}.about__item-title{text-transform:uppercase}.about__item-description a{text-decoration:underline}.skills{position:relative;content-visibility:auto;padding:4rem 0;background-color:var(--main-background-color);z-index:1}@media(min-width:768px){.skills{padding:7rem 0}}.skills__title{text-transform:uppercase;text-align:center;color:var(--main-akcent-color)}.skills__holder{display:flex;flex-flow:row wrap;align-items:center;margin-top:4.375rem}.skills__item{flex:0 0 100%;text-align:center;margin-bottom:3.125rem;padding:0 1rem}@media(min-width:769px){.skills__item{flex:0 0 33%;padding-right:3.125rem;padding-left:3.125rem}}@media(min-width:640px){.skills__item{flex:0 0 33%;padding-right:1rem;padding-left:1rem}}.skills__item-image{width:60px;height:60px;display:inline-block}.skills__item-image svg{max-width:100%;max-height:100%;fill:var(--main-akcent-color)}.skills__item-title{text-transform:uppercase;color:var(--main-akcent-color)}.skills__item-description{font-size:.9375rem}.projects{position:relative;padding:3.5rem 0;content-visibility:auto;z-index:1}@media(min-width:768px){.projects{padding:5rem 0}}.projects__title{text-transform:uppercase;text-align:center;color:var(--main-akcent-color)}.projects__holder{margin-top:30px}.projects__item{border-bottom:1px solid rgba(0,0,0,.1);padding-top:40px;padding-bottom:40px;text-align:center}@media(min-width:768px){.projects__item{padding-top:80px;padding-bottom:80px;text-align:left}.projects__item .wrapper{display:flex;align-items:center}}.projects__item-info{flex:1 1 50%}@media(min-width:768px){.projects__item-info{padding-left:30px}}.projects__item-left{flex:1 1 50%;text-align:center}.projects__item-image{position:relative;display:inline-block;margin:0;overflow:hidden}.projects__item-image--mobile img{max-height:500px}.projects__item-title{font-size:1.75rem;font-weight:700;margin-bottom:20px}.projects__item-descr{color:var(--project-description-color);margin-bottom:30px}.projects__item-btn{display:inline-block;padding:12px 30px;border-radius:30px;border:2px solid var(--main-akcent-color);color:var(--main-akcent-color);font-size:1rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(min-width:1024px){.projects__item-btn:focus,.projects__item-btn:hover{background-color:var(--main-akcent-color);outline:none;color:#fff}}.contact__btn,.form__btn{border:2px solid #5199e4;border-radius:30px;padding:.8rem 1.5rem;background:transparent;color:#fff;content-visibility:auto;font-size:1.4rem;cursor:pointer;transition:all .3s ease}@media(min-width:1024px){.contact__btn,.form__btn{padding-right:2.5rem;padding-left:2.5rem}.active.contact__btn,.active.form__btn,.contact__btn:focus,.contact__btn:hover,.form__btn:focus,.form__btn:hover{background:#5199e4}}.contact{position:relative;padding:4rem 1rem;background-color:var(--main-akcent-color);color:#fff;margin-top:9rem;z-index:2}.contact .wrapper{position:relative;margin-top:-9rem;background-color:#293347;border-radius:12px;box-shadow:0 5px 5px 0 rgba(0,0,0,.2),0 0 0 1px var(--main-text-color);padding:3.5rem 1.25rem}@media(min-width:768px){.contact .wrapper{max-width:1200px}}.contact__headline{text-align:center}@media(min-width:768px){.contact__headline{display:flex;align-items:center;justify-content:space-around}}.contact__title{font-size:2rem;font-weight:700;margin:0}.contact__info{text-align:center;margin:20px 0;padding:0 1rem}@media(min-width:768px){.contact__info{margin:0;max-width:400px}}.contact__form{margin-top:3rem}.contact__submit-message{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:12px;background-color:var(--main-text-color);display:none;align-items:center;justify-content:center}.contact__submit-message.active{display:flex}.contact__submit-message strong{color:var(--main-akcent-color)}.form{max-width:600px;margin-left:auto;margin-right:auto}.form__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form__input{height:40px;width:95%;border-radius:5px;border:none;padding:5px 10px}.form__input+.form__input{margin-left:5%}.form__input--textarea{width:100%;height:130px}.footer{padding:1.5rem 0 5rem 0;background-color:var(--main-akcent-color);text-align:center;font-size:1.5rem;color:#d2e9ff}.footer__moto{text-transform:uppercase}.footer__social{flex-wrap:wrap}.footer__social,.footer__social-item{display:flex;justify-content:center;align-items:center}.footer__social-item{margin:1rem;border-radius:50%;border:1px solid #d2e9ff;width:40px;height:40px;padding:8px;transition:all .3s ease}@media(min-width:764px){.footer__social-item{width:50px;height:50px}}@media(min-width:1024px){.footer__social-item:hover{background:#d2e9ff;border-color:#d2e9ff}.footer__social-item:hover svg{fill:var(--main-akcent-color)}}.footer__social-item svg{max-width:100%;max-height:100%;fill:#d2e9ff}.footer__copyright{margin-bottom:0}*{box-sizing:border-box;letter-spacing:.9px}:root{--main-akcent-color:#5199e4;--main-text-color:#293347;--secondary-text-color:#fff;--main-background-color:#fff;--project-description-color:grey}@media(prefers-color-scheme:dark){:root{--main-background-color:#5199e4;--main-akcent-color:#293347;--main-text-color:#fff;--secondary-text-color:#fff;--project-description-color:#fff}}html{font-size:12px;transition:color .3s ease,background-color .3s ease}@media(min-width:420px){html{font-size:13px}}@media(min-width:640px){html{font-size:14px}}@media(min-width:767px){html{font-size:15px}}@media(min-width:1024px){html{font-size:16px}}body{font-family:Open Sans,sans-serif;margin:0;color:var(--main-text-color);background-color:var(--main-background-color)}button{outline:none}a{color:inherit;text-decoration:none}img{max-width:100%}.wrapper{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}