.header{background-color:#4a23de;width:240px;left:-280px;top:0;height:100vh;position:fixed;z-index:10;display:flex;flex-direction:column;justify-content:flex-start240px;transition:all .3s ease-in;box-shadow:2px 0 14px 0 rgba(0,0,0,.2)}@media screen and (min-width:992px){.header{left:0;width:130px}}.header:hover{width:240px}.header:hover .main-nav__itemName{display:block}.header:hover .logo-small{visibility:hidden;opacity:0}.header:hover .logo-container .logo-normal{visibility:visible;opacity:1}.header .logo-container{background-color:#fff;padding:2rem 1rem;height:130px}.header .logo-container .logo-small{width:100px;visibility:visible;transition:opacity .2s ease-in,visibility .5s ease-in}.header .logo-container .logo-normal{width:214px;opacity:0;visibility:hidden;transition:opacity .2s ease-in,visibility .5s ease-in;position:absolute;top:58px;left:12px}.header .main-nav{padding:2rem;margin-top:3rem;color:#fff;position:relative;width:100%}@media screen and (min-width:992px){.header .main-nav{margin-top:7rem}}.header .main-nav__itemName{display:block;position:absolute;left:69px;top:25px;width:100%}@media screen and (min-width:992px){.header .main-nav__itemName{display:none}}.header .main-nav__itemLink{padding:1.5rem 1rem;display:inline-block;transition-duration:.2s;transition-delay:.1s;position:relative;border-radius:1em;width:100%}.header .main-nav__itemLink:hover{background-color:#6e4fe5;box-shadow:0 14px 28px rgba(0,0,0,.2)}.header .active{color:#fc5253;font-weight:700}.bureger__btn{align-self:flex-start;position:absolute;right:0;z-index:13;margin:0 1rem;display:block;color:#fc5253}.bureger__btn,.bureger__btn:hover{background:none}@media screen and (min-width:992px){.bureger__btn{display:none}}.header.open{left:0}.page{margin-top:3rem;width:100%}@media screen and (min-width:992px){.page{width:calc(100% - 240px);margin:0 120px 0 214px}}.character{width:50%;position:relative}.character__avatar{max-width:25em}.character .eyes-follow{width:26%;position:absolute;top:27%;left:36%}@media screen and (min-width:992px){.character .eyes-follow{position:absolute;left:8em}}.character .eyes-follow .eyes{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.character .eyes-follow .eyes .eye{border-radius:50%;height:.8em;width:.8em}@media screen and (min-width:992px){.character .eyes-follow .eyes .eye{width:2em;height:2em}}.character .eyes-follow .eyes .eye .pupil{background:#6e2424;border-radius:50%;position:absolute;width:.3em;height:.3em;left:30%;top:30%;min-width:.3em;-webkit-animation:squeeze 3s infinite;animation:squeeze 3s infinite}@media screen and (min-width:992px){.character .eyes-follow .eyes .eye .pupil{width:.6em;height:.6em;left:70%;top:30%}}.intro{margin:0 auto;max-width:1140px;display:flex;flex-direction:column;align-items:center;height:auto;padding:0 .2rem 2rem}@media screen and (min-width:992px){.intro{flex-direction:row;height:100vh}}.intro__content{width:100%;margin-top:1rem;text-align:center}@media screen and (min-width:992px){.intro__content{width:50%;margin-top:0;text-align:left}}.intro__hello{font-weight:700;font-size:1.4em}@media screen and (min-width:992px){.intro__hello{font-size:1.5em}}.intro__presentation{font-size:2em;margin-top:.5rem;line-height:.8}@media screen and (min-width:992px){.intro__presentation{font-size:2.5em;line-height:1;margin-top:1rem}}.intro__name{font-weight:900;color:#20bae5}.intro__point{font-weight:900;color:#fc5253;margin-left:.5rem}.intro__text{font-size:1em;margin-top:1rem}@media screen and (min-width:992px){.intro__text{font-size:1.2em}}.intro__btnsContainer{display:flex;flex-direction:column;align-items:center;margin-top:2rem}@media screen and (min-width:992px){.intro__btnsContainer{flex-direction:row;margin-top:1rem}}.intro__socialList{display:flex;margin-top:2rem;justify-content:center}@media screen and (min-width:992px){.intro__socialList{margin-left:4rem;margin-top:0}}.intro__socialItem{margin-right:1em}.intro__socialItem-Link{padding:1rem 1rem .7rem;background-color:#fff;border:.1em solid #eee;border-radius:.5em;box-shadow:0 4px 6px rgba(134,151,168,.1);transition:all .3s ease-in}.intro__socialItem-Link svg{width:1.2em;height:1.2em;color:#4a23de}.intro__socialItem-Link:hover{box-shadow:0 7px 15px rgba(0,0,0,.2)}.intro__cv{width:9em;box-shadow:0 4px 6px rgba(134,151,168,.5)}@-webkit-keyframes fade{0%{opacity:.5}to{opacity:1}}@keyframes fade{0%{opacity:.5}to{opacity:1}}@-webkit-keyframes load{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}51%{-webkit-transform-origin:100% 0;transform-origin:100% 0}to{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}}@keyframes load{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}51%{-webkit-transform-origin:100% 0;transform-origin:100% 0}to{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}}.loading{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#20bae5;font-size:2em;-webkit-animation:fade .75s infinite alternate;animation:fade .75s infinite alternate}.loading:after{content:"";height:30%;width:100%;background-color:#fc5253;opacity:.3;position:absolute;top:70%;left:0;-webkit-animation:load 1.5s infinite;animation:load 1.5s infinite}.portfolio{padding:0 1rem 2rem}@media screen and (min-width:992px){.portfolio{padding:4rem 0}}.portfolio__title{font-weight:900;color:#20bae5;font-size:2.5em}.portfolio__subtitle{font-size:.8em;position:relative;padding-left:3.9rem;color:#fc5253}.portfolio__subtitle:before{content:"";position:absolute;left:0;top:.3rem;width:4em;height:.1em;background:#fc5253}.portfolio__point{color:#fc5253;margin-left:.5rem}.portfolio .card{display:flex;flex-direction:column;margin-top:3rem;background-color:#fff;padding:1rem;border-radius:1em;box-shadow:0 14px 28px rgba(0,0,0,.2)}@media screen and (min-width:992px){.portfolio .card{flex-direction:row}}.portfolio .card__img{width:100%;margin:0 0 1rem}@media screen and (min-width:992px){.portfolio .card__img{width:50%;margin-right:1rem}}.portfolio .card__content{display:flex;flex-direction:column;justify-content:space-between;width:100%}.portfolio .card__title{font-weight:900;color:#4a23de;margin-bottom:.5rem}.portfolio .card__text{margin-top:.5rem;margin-bottom:.5rem}.portfolio .card__topicsList{display:flex;flex-wrap:wrap;font-size:.7em;font-weight:700;color:#fff}.portfolio .card__topics{margin-right:.5rem;margin-top:.5rem;padding:.3rem;border-radius:10%}.portfolio .card__topics.react{background-color:#5ed3f3}.portfolio .card__topics.javascript{background-color:#efd81d}.portfolio .card__topics.api{background-color:#00f}.portfolio .card__topics.axios{background-color:#744be8}.portfolio .card__topics.quill{background-color:#fce100}.portfolio .card__topics.react-router{background-color:#ca4245}.portfolio .card__topics.redux{background-color:#764abc}.portfolio .card__topics.semantic{background-color:#35bdb2}.portfolio .card__topics.socket{background-color:#21af90}.portfolio .card__topics.woocommerce{background-color:#96598b}.portfolio .card__topics.wordpress{background-color:#0174a7}.portfolio .card__links{border-top:.1px solid #e1e1e1;padding-top:1rem;display:flex}.portfolio .card__links a{display:flex;align-items:center}.portfolio .card__links a:hover{color:#fc5253}.portfolio .card__github-link{margin-right:1rem}.portfolio .card__linkName{margin-left:.4rem}.portfolio .card__demo-link.hidden{display:none}.about{padding:0 1rem 2rem}@media screen and (min-width:992px){.about{padding:4rem 0}}.about__title{font-weight:900;color:#20bae5;font-size:2.5em}.about__subtitle{font-size:.8em;position:relative;padding-left:3.9rem;color:#fc5253}.about__subtitle:before{content:"";position:absolute;left:0;top:.3rem;width:4em;height:.1em;background:#fc5253}.about__point{color:#fc5253;margin-left:.5rem}.about__content-intro{margin-top:3rem;font-size:1.1em}@media screen and (min-width:992px){.about__content-intro{font-size:1.2em}}.about__content-text{margin-top:4rem;position:relative;padding-top:2rem}.about__content-text:before{content:"";position:absolute;left:0;top:.3rem;width:14rem;height:.1em;background:#fc5253}.about__text{margin-bottom:1rem}.about__text a{font-weight:700;color:#fc5253;text-decoration:underline;transition:all .3s ease-in}.about__text a:hover{color:#fd7575}.about__title2{font-weight:700;color:#20bae5;font-size:1.5em;margin:5rem 0 2rem}.about__blocImages{width:100%;display:flex;justify-content:space-between;flex-direction:column;margin-top:1rem;margin-bottom:1rem}@media screen and (min-width:992px){.about__blocImages{flex-direction:row}}.about__image{width:100%;padding:.5rem}@media screen and (min-width:992px){.about__image{width:33%}}.about__blocLink{display:flex;justify-content:center}.NotFound-character{width:50%;position:relative}.NotFound-character__avatar{max-width:25em}.NotFound-character .eyes-follow{width:26%;position:absolute;top:27%;left:36%}@media screen and (min-width:992px){.NotFound-character .eyes-follow{position:absolute;left:8em}}.NotFound-character .eyes-follow .eyes{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.NotFound-character .eyes-follow .eyes .eye{border-radius:50%;height:.8em;width:.8em}@media screen and (min-width:992px){.NotFound-character .eyes-follow .eyes .eye{width:2em;height:2em}}.NotFound-character .eyes-follow .eyes .eye .pupil{position:absolute;left:5%;top:-30%;-webkit-animation:squeeze 3s infinite;animation:squeeze 3s infinite;font-size:1em;font-weight:700;color:#6e2424}@media screen and (min-width:992px){.NotFound-character .eyes-follow .eyes .eye .pupil{left:42%;top:-24%;font-size:2em}}@-webkit-keyframes squeeze{90%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:scale(.3);transform:scale(.3)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes squeeze{90%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:scale(.3);transform:scale(.3)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.notFound{margin:0 auto;max-width:1140px;display:flex;flex-direction:column;align-items:center;height:auto;padding:0 .2rem 2rem}@media screen and (min-width:992px){.notFound{flex-direction:row;height:100vh}}.notFound__content{width:100%;margin-top:1rem;text-align:center}@media screen and (min-width:992px){.notFound__content{width:50%;margin-top:0;text-align:left}}.notFound__hello{font-weight:700;font-size:1.4em}@media screen and (min-width:992px){.notFound__hello{font-size:1.5em}}.notFound__presentation{font-size:1.5em;margin-top:.5rem;margin-bottom:1rem;line-height:.8}@media screen and (min-width:992px){.notFound__presentation{font-size:2.5em;line-height:1;margin-top:1rem;margin-bottom:1rem}}.notFound__link{text-decoration:underline;color:#fc5253}.legalNotice{padding:0 1rem 2rem}@media screen and (min-width:992px){.legalNotice{padding:4rem 0}}.legalNotice__title{font-weight:900;color:#20bae5;font-size:2.5em}.legalNotice__subtitle{font-size:.8em;position:relative;padding-left:3.9rem;color:#fc5253}.legalNotice__subtitle:before{content:"";position:absolute;left:0;top:.3rem;width:4em;height:.1em;background:#fc5253}.legalNotice__point{color:#fc5253;margin-left:.5rem}.legalNotice__content-text{margin-top:4rem;position:relative;padding-top:2rem}.legalNotice__text{margin-bottom:1rem}.legalNotice__text a{font-weight:700;color:#fc5253;text-decoration:underline;transition:all .3s ease-in}.legalNotice__text a:hover{color:#fd7575}.footer{display:flex;width:100%;background:#fff;justify-content:center;padding:.5rem;font-size:.7em}@media screen and (min-width:992px){.footer{font-size:1em}}.footer__list{display:flex;flex-direction:column;align-items:center}.footer__item{transition:all .3s ease-in}.footer__item:hover{color:#fd7575}.footer .active{color:#fc5253;font-weight:700}.app{display:flex;height:100vh;position:relative;flex-direction:column;justify-content:space-between}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}button,label{cursor:pointer}button,input{outline:0}body{font-family:Montserrat,Helveltica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7f7;line-height:1.2}@media screen and (min-width:992px){body{line-height:1.5}}button{padding:1rem;font-family:Montserrat,Helveltica,Arial,sans-serif;border:0;background:#4a23de;font-weight:700;color:#fff;transition:all .3s ease-in}button:hover{background:#6e4fe5}em{font-weight:700;color:#4a23de}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#rcc-confirm-button:hover{background:#fc5253!important;color:#fff!important}
/*# sourceMappingURL=main.2ee53159.chunk.css.map */