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