.b,iframe,svg,use{display:block}fieldset,iframe,img{border:none}a,body{color:#202020}.dev-section,.device{width:100%}.copy-icon,a{cursor:pointer}:root{--app-height:100vh;--app-d-height:0}a,article,body,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,input,li,nav,ol,p,section,span,textarea,u,ul{margin:0;padding:0}a{outline:0;text-decoration:none}li{list-style:none}b,strong{font-weight:500}body{font-family:"Bebas Neue",sans-serif;background-color:#fff;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body.active{overflow:visible}.page-container{position:relative;overflow:hidden;z-index:1}.page-title{font-weight:400}.img,.site-example,.tech-icon__img{width:100%;height:auto}.about,.device:first-child,.devices{position:relative}.contacts,.device,.me,.tech-icon{transition:opacity 1s,transform 1s}.about{box-sizing:border-box}.about-inside{display:flex;flex-direction:column}.my-name{color:#3a466c;line-height:1.2;text-transform:uppercase}.dev-section,.works-technologies{line-height:0}.subtitle{color:#01648b}.device{position:absolute;left:0;top:0}.tech-icon{display:inline-block;vertical-align:middle}.contacts__title{color:#483d8b}.contacts__icons{font-size:0;line-height:0;padding-top:10px}.contacts__icon{position:relative;display:inline-block}.contact-link{position:relative;display:block}.contact-link:active{opacity:.7;transform:translateY(2px)}.antispam-icon,.telegram-icon,.viber-icon{height:auto}.copy-icon{position:absolute;left:100%;top:50%;margin-top:-9px;font-size:18px;line-height:1;white-space:nowrap;padding-left:12px;user-select:none;opacity:0;visibility:hidden;transform:translateX(-5px);transition:.25s ease-in-out}@media screen and (min-width:1025px){.page-container,body,html{height:100vh}body{padding-top:100vh}.first-screen,.third-screen{position:fixed;left:0;right:0;top:0;will-change:opacity,transform,filter}.third-screen{transform:translateY(-100%)}.contacts__icon.antispam:hover .copy-icon{opacity:1;visibility:visible;transform:translateX(0)}}.spinner{position:fixed;left:50%;top:50%;margin:-50px 0 0 -50px;width:100px;height:100px;z-index:10;transition:opacity .15s ease-in-out}.spinner.hidden{opacity:0}.sp-c{position:absolute;border-radius:50%;border-top:3px solid transparent;border-bottom:3px solid transparent}.sp-c-1{left:0;top:0;right:0;bottom:0;border-right:3px solid #5993fe;border-left:3px solid #5993fe;animation:4s linear infinite spin}.sp-c-2{left:6px;top:6px;right:6px;bottom:6px;border-right:3px solid #93cb32;border-left:3px solid #93cb32;animation:2s linear infinite spin}.sp-c-3{left:12px;top:12px;right:12px;bottom:12px;border-right:3px solid #f5b52e;border-left:3px solid #f5b52e;animation:1s linear infinite spin}.sp-c-4{left:18px;top:18px;right:18px;bottom:18px;border-left:3px solid #e44d26;border-right:3px solid #e44d26;animation:.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:1024px){body,html{height:var(--app-height)}.second-screen{display:none}.about{text-align:center}.about-inside{justify-content:space-between;min-height:calc(100vh - var(--app-d-height));padding:32px 24px;box-sizing:border-box}.my-name{font-size:48px;margin-top:-9px}.contacts__title,.subtitle{font-size:28px}.subtitle{margin-top:-8px}.dev-section{padding:32px 0}.site-example{max-width:720px}.works-technologies{white-space:nowrap;margin:0 -24px;padding-top:24px}.tech-icon{padding:0 2px}.tech-icon__img.wordpress{max-width:60px}.tech-icon__img.css3,.tech-icon__img.html5,.tech-icon__img.php{max-width:50px}.tech-icon__img.js{position:relative;top:4px;max-width:40px}.tech-icon__img.jquery{max-width:56px}.contacts__icon{padding:0 10px}.contacts__icon.antispam{top:-4px}.antispam-icon,.telegram-icon,.viber-icon{width:40px}}.first-screen.loaded .contacts,.first-screen.loaded .device,.first-screen.loaded .me,.first-screen.loaded .tech-icon{opacity:1;transform:translateY(0) translateZ(0) scale(1)}.contacts{transform:translateY(20px) translateZ(0) scale(.96)}.me{transform:translateY(-30px) translateZ(0) scale(.96)}.device{transform:translateY(-10px) translateZ(0) scale(.96)}@media screen and (min-width:1025px){.page-title,.page-title:before{position:absolute;left:0;top:0}.contacts,.dev-section{display:flex;height:100%}.page-title{color:#fff;font-size:56px;padding:44px 32px}.page-title:before{content:"";border-left:250px solid #01648b;border-top:140px solid #01648b;border-right:50px solid transparent;border-bottom:50px solid transparent;z-index:-1}.about{height:100%;padding:50px}.about-inside{position:relative;align-items:flex-start;height:100%}.my-name{font-size:132px;margin-top:-25px}.subtitle{font-size:48px;margin-top:-24px;padding-left:14px}.dev-section{position:absolute;right:0;top:0;flex-direction:column;justify-content:center;max-width:1000px}.works-technologies{text-align:center;padding-top:40px}.tech-icon__img.jquery,.tech-icon__img.wordpress{max-width:150px}.tech-icon__img.css3,.tech-icon__img.html5,.tech-icon__img.js,.tech-icon__img.php{max-width:100px}.contacts{flex-direction:column;justify-content:center;padding-left:12px}.contacts__title{font-size:48px;margin-top:-38px}.contacts__icon{padding-left:15px}.contacts__icon.antispam{top:-5px}.contacts__icon:first-child{padding:0}.antispam-icon,.telegram-icon,.viber-icon{width:50px}.work:after,.work:before{background-color:#e9e6e6}.works-section{position:relative;height:100vh;overflow:hidden}.work-container{position:absolute;left:0;bottom:30px;width:100%;max-width:600px;opacity:0;transition:.45s ease-in-out}.work-container.active{opacity:1}.work-container.no-visible{opacity:.02}.work{position:relative;line-height:0;transform:rotateX(-8deg) rotateY(-22deg);transform-style:preserve-3d;user-select:none;cursor:pointer;visibility:hidden;opacity:0;transition:.25s ease-in-out}.third-screen.visible .work{opacity:1;visibility:visible}.work:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:30px;transform:rotateX(90deg);transform-origin:bottom center}.work:after,.work__inside:before{content:"";position:absolute;top:0;bottom:0}.work:after{left:100%;width:30px;transform:rotateY(90deg);transform-origin:left center}.work__inside{display:block;height:296px;background-color:#f1f1f1;overflow:hidden}.work__inside:before{left:0;right:0;border-bottom:1px solid #f1f1f1;z-index:1}.footer{position:absolute;right:0;bottom:0;padding:10px 16px;opacity:0;transition:opacity .25s ease-in-out}}@media screen and (min-width:621px) and (max-width:1024px){.works-section{display:flex;flex-wrap:wrap}.work-container{width:50%}}@media screen and (min-width:1023px) and (max-width:1024px){.works-section{padding:0 10px;margin-bottom:-15px}.work-container{padding:0 10px 20px}.work__inside{box-shadow:1px 3px 10px 0 rgba(58,70,108,.3)}}@media screen and (max-width:1023px){.works-section{padding:0 5px;margin-bottom:-10px}.work-container{padding:0 5px 10px}.work__inside{box-shadow:1px 2px 8px 0 rgba(58,70,108,.3)}}@media screen and (max-width:1024px){.works-section{position:relative;line-height:0;z-index:1}.work-container{box-sizing:border-box}.work__inside{display:block}.page-title{position:relative;color:#3a466c;font-size:32px;text-align:center;margin-top:30px}.page-title:before{content:"";position:absolute;left:20px;right:20px;top:50%;margin-top:-1px;border-top:2px solid #3a466c;z-index:0}.page-title__inside{position:relative;display:inline-block;padding:20px 20px 16px;background-color:#fff;z-index:1}.footer{text-align:center;padding:12px 10px 10px}}@media screen and (min-width:1025px) and (max-width:1916px){.about{padding:calc(100vw / 1920 * 50)}.my-name{font-size:calc(100vw / 1920 * 132);margin-top:calc(100vw / 1920 * 25 * -1)}.contacts__title,.subtitle{font-size:calc(100vw / 1920 * 48)}.subtitle{margin-top:calc(100vw / 1920 * 24 * -1);padding-left:calc(100vw / 1920 * 14)}.dev-section{max-width:calc(100vw / 1920 * 1000)}.works-technologies{padding-top:calc(100vw / 1920 * 40)}.tech-icon__img.jquery,.tech-icon__img.wordpress{max-width:calc(100vw / 1920 * 150)}.tech-icon__img.css3,.tech-icon__img.html5,.tech-icon__img.js,.tech-icon__img.php{max-width:calc(100vw / 1920 * 100)}.contacts{padding-left:calc(100vw / 1920 * 12)}.contacts__title{margin-top:calc(100vw / 1920 * 38 * -1)}.contacts__icon{padding-left:calc(100vw / 1920 * 15)}.contacts__icon.antispam{top:calc(100vw / 1920 * 5 * -1)}.antispam-icon,.telegram-icon,.viber-icon{width:calc(100vw / 1920 * 50)}}