.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(10,25,47,.6);height:80px;left:0;position:fixed;right:0;top:0;z-index:500}.header__inner{height:100%;justify-content:space-between;padding-bottom:20px;padding-top:20px}.header__inner,.header__logo a{align-items:center;display:flex}.header__logo a{background:transparent;border:2px solid #64ffda;border-radius:4px;cursor:pointer;font-size:21px;height:45px;justify-content:center;transition:all .2s ease;width:45px}.header__logo a:hover{background:rgba(100,255,218,.1)}.header .nav .menu,.header__right{align-items:center;display:flex}.header .nav .menu__item-link{border:2px dashed transparent;border-radius:4px;color:#c9d3f3;cursor:pointer;display:inline-block;font-size:15px;margin-right:15px;padding:5px 8px;transition:all .2s ease}.header .nav .menu__item-link:hover{border-color:#64ffda;color:#64ffda}.header .nav .menu__item-link span{color:#64ffda}.progress-container{background:transparent;height:2px;position:fixed;top:80px;width:100%;z-index:450}.progress-bar{background:#64ffda;box-shadow:0 0 80px rgba(100,255,218,.8);display:block;height:2px;width:0}.promo{background-image:url(https://media.giphy.com/media/Er3QVX48nt5ok/giphy.gif?cid=ecf05e47jtzze6kxsaobqycnd4twml77fg2m5oszbj3pse0a&rid=giphy.gif&ct=g);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin-bottom:60px;padding-top:80px;position:relative}.promo-blockout{background:rgba(10,25,47,.9);height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:5}.promo__gif{display:block;height:80%;width:100%}.promo__wrapper{height:90vh;position:relative;z-index:10}.promo__box{left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:70%}.promo__suptitle{color:#64ffda;font-size:16px;font-weight:400;z-index:10}.promo__title{margin:25px 0}.promo__subtitle,.promo__title{font-size:50px;font-weight:700;opacity:.8}.promo__subtitle{line-height:1.2;margin-bottom:25px}.promo__text{line-height:1.4;margin-bottom:50px;opacity:.8;width:70%}.promo__text a{color:#64ffda;cursor:pointer}.promo__text a:hover{text-decoration:underline}.about{height:60vh;margin:0 auto;width:50%}.about__box{align-items:flex-start;display:flex;justify-content:space-between}.about__img-box{height:100%;position:relative;width:100%;z-index:10}.about__img-box:after{border:2px solid #64ffda;border-radius:4px;bottom:-20px;content:"";display:block;height:100%;position:absolute;right:-20px;transition:all .2s ease;width:100%;z-index:1}.about__img-box:hover .about__img-wrapper{background:rgba(10,25,47,0)}.about__img-box:hover:after{bottom:-15px;box-shadow:0 0 30px rgba(100,255,218,.3);right:-15px}.about__img-wrapper{border-radius:4px;height:100%;position:absolute;transition:all .2s ease;width:100%;z-index:30}.about__right{margin-left:50px}.about__right img{border-radius:4px;height:300px;object-fit:cover;position:relative;width:320px;z-index:10}.about__left{width:50%}.skills{height:80vh;margin-bottom:20px}.skills__box{display:flex;gap:20px;justify-content:space-between;margin-top:40px}.skills__more{font-size:22px;font-weight:500;margin-top:40px;opacity:.7;text-align:center}.skills__item{border:2px solid #64ffda;border-radius:4px;padding:20px;text-align:center;transition:all .2s ease;width:44%}.skills__item:hover{background:rgba(100,255,218,.1);border:2px dashed #64ffda}.skills__item h2{font-size:26px;font-weight:600;margin-bottom:20px;opacity:.8}.skills__item-info{color:#64ffda;font-size:18px;font-weight:500;line-height:1.2;margin-bottom:10px}.works{height:100%}.works__box{margin-top:40px}.works__soon{font-size:18px;margin:40px 0;opacity:.8;text-align:center}.works__item{border:2px dashed transparent;border-radius:4px;cursor:default;display:flex;justify-content:space-between;margin-bottom:30px;padding:10px;transition:all .2s ease}.works__item:hover{border-color:#64ffda}.works__item:hover .works__img-wrapper{background:rgba(10,25,47,0)}.works__item--reverse .works__info{text-align:left}.works__item--reverse .works__tech{justify-content:flex-start}.works__item--reverse .works__tech-item{margin-left:0;margin-right:15px}.works__item--reverse .works__links a{margin-left:0;margin-right:14px}.works__img-wrapper{background:rgba(10,25,47,.4);border-radius:4px;height:100%;position:absolute;transition:all .2s ease;width:100%}.works__img{height:300px;position:relative}.works__img img{border-radius:4px;height:300px;object-fit:cover;width:530px}.works__info{text-align:right;width:50%}.works__info h2{font-size:23px;font-weight:500;opacity:.8}.works__more-info{background-color:#112240;border-radius:4px;margin-top:30px;padding:20px}.works__more-info p{line-height:1.3;opacity:.8}.works__tech{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:20px}.works__tech-item{color:#64ffda;font-size:14px;margin-left:15px}.works__links a{margin-left:14px;opacity:.8;transition:all .2s ease}.works__links a:hover{opacity:1}.works__links a:focus{outline:2px dashed #64ffda;outline-offset:5px}.works__links a img{height:23px;width:23px}.contact{height:100%;padding-bottom:60px;padding-top:60px}.contact__box{text-align:center}.contact .email{font-size:22px;margin:30px 0}.contact .email a{border-bottom:2px dotted #64ffda;display:inline-block;margin-top:10px;opacity:.8}.contact__bottom{text-align:center}.contact__bottom a{margin:50px auto 20px}.contact__bottom p{font-size:20px;line-height:1.3;margin-bottom:13px}.contact__bottom span{color:#64ffda;font-size:18px}.footer{height:80px;text-align:center}.footer__info{padding-top:20px}.container{margin:0 auto;max-width:1200px;padding:0 15px}.container--header{max-width:1850px}.text{line-height:1.3;opacity:.8}.btn{background:transparent;border:1px solid #64ffda;border-radius:5px;color:#64ffda;cursor:pointer;font-size:15px;font-weight:500;padding:11px 20px;transition:all .2s ease}.btn:hover{background:rgba(100,255,218,.1)}section{height:100vh}.inner{margin:20px 0}.inner--contact{text-align:center}.inner--contact .title{align-items:center;justify-content:center}.inner--contact .title:after{display:none}.inner .title{align-items:flex-end;display:flex;position:relative}.inner .title:after{background-color:#233554;content:"";height:2px;left:190px;position:absolute;top:50%;width:300px}.inner .title--skills:after{left:205px}.inner h2{font-size:26px;font-weight:600;opacity:.8}.inner span{color:#64ffda;display:inline-block;font-size:22px;font-weight:400;margin-right:8px}.social{bottom:10px;left:3%;position:fixed;z-index:200}.social nav a{display:block;height:20px;margin-bottom:25px;opacity:.7;transition:all .2s ease;width:20px}.social nav a:hover{opacity:1;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.social nav a img{height:20px;width:20px}.burger-menu{background:transparent;border:none;cursor:pointer;display:none}.burger-menu img{height:36px;width:36px}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{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}a::selection,abbr::selection,acronym::selection,address::selection,applet::selection,article::selection,aside::selection,audio::selection,b::selection,big::selection,blockquote::selection,body::selection,canvas::selection,caption::selection,center::selection,cite::selection,code::selection,dd::selection,del::selection,details::selection,dfn::selection,div::selection,dl::selection,dt::selection,em::selection,embed::selection,fieldset::selection,figcaption::selection,figure::selection,footer::selection,form::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,header::selection,hgroup::selection,html::selection,i::selection,iframe::selection,img::selection,ins::selection,kbd::selection,label::selection,legend::selection,li::selection,mark::selection,menu::selection,nav::selection,object::selection,ol::selection,output::selection,p::selection,pre::selection,q::selection,ruby::selection,s::selection,samp::selection,section::selection,small::selection,span::selection,strike::selection,strong::selection,sub::selection,summary::selection,sup::selection,table::selection,tbody::selection,td::selection,tfoot::selection,th::selection,thead::selection,time::selection,tr::selection,tt::selection,u::selection,ul::selection,var::selection,video::selection{background-color:#233554}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box}body{background-color:#0a192f;color:#fff;font-family:JetBrains Mono,monospace;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}a{color:#fff;text-decoration:none}html{-ms-overflow-style:none;overflow:-moz-scrollbars-none}html::-webkit-scrollbar{width:0}.link{color:#64ffda;cursor:pointer}.link:hover{text-decoration:underline}@media(max-width:1600px){.about{width:70%}}@media(max-width:1200px){.about,.skills{height:100%}.skills{padding:50px 0}.promo__box{left:50%;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.promo__text{margin:0 auto 50px}.inner{text-align:center}.inner .title{justify-content:center}.inner .title:after{display:none}.works__item{flex-direction:column;justify-content:center;text-align:center}.works__item--reverse{flex-direction:column-reverse}.works__item .works__info{margin-bottom:20px;margin-top:0}.works__img img{width:70%}.works__info{margin:20px auto 0;width:70%}}@media(max-width:992px){.about{width:90%}}@media(max-width:779px){.works__item:hover{outline-offset:5px}.social{display:none}.burger-menu{display:block}.works__links a:focus{outline:none}.works__img img,.works__info{width:100%}.progress-container{top:65px}.header{height:65px}.header__inner{padding-top:10px}.header__right{display:none}.header__right--menu{align-items:center;background:#0a192f;display:flex!important;flex-direction:column;height:100vh;justify-content:center;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:500}.header__right--menu .social{display:block;margin-bottom:30px;position:static}.header__right--menu .social nav,.header__right--menu .social nav a{align-items:center;display:flex;justify-content:center}.header__right--menu .social nav a{margin:0 12px}.header__right--menu .social nav a img{height:24px;width:24px}.header__right--menu .close-menu{background:transparent;border:none;cursor:pointer;opacity:.8;position:absolute;right:20px;top:20px;z-index:600}.header__right--menu .close-menu img{height:30px;width:30px}.header__right--menu .btn{display:block;margin:0 auto;text-align:center}.header__right--menu nav ul{flex-direction:column}.header__right--menu nav ul li a{font-size:17px!important;margin-bottom:40px;margin-right:0!important}.promo__subtitle,.promo__title{font-size:50px}.skills__box{flex-direction:column;justify-content:center}.skills__item{margin:0 auto 30px;width:60%}.about{width:90%}.about__right{margin:0 auto}.about__left{margin:40px auto 0;text-align:center;width:60%}.about__box{flex-direction:column-reverse}}@media(max-width:579px){.contact__bottom p{font-size:18px}.contact__bottom span{font-size:16px}.header__logo{z-index:600}.header__right{width:100%}.works__tech{flex-wrap:wrap;line-height:1.3}.about__left{width:100%}.about__right img{height:300px;width:280px}.skills__item{width:100%}.skills__more{margin-top:10px}.promo__title{margin:15px 0}.promo__subtitle,.promo__title{font-size:40px}.promo__text{width:100%}}@media(max-width:379px){.about__right img{height:280px;width:260px}.about__img-box:after{bottom:-10px;right:-10px}.about__img-box:after:focus{bottom:-2px;right:-2px}}
/*# sourceMappingURL=main.ce1c0ec8.css.map*/