:root{--maincolor:#0f0f0f;--themecolor:#1bb7b2;--app-height:calc(100vh)}body,html{overflow-x:hidden}a{outline:none}.textGradient{background:radial-gradient(circle,#23fcf5 0,#081b1a 100%);box-decoration-break:clone;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}body,html{padding:0;margin:0;line-height:2;font-family:Be Vietnam,sans-serif;font-size:16px;background-color:#0f0f0f;color:#fff}body{padding-top:61px}.layoutWrap{min-height:calc(100vh - 61px);display:flex;flex-direction:column}@media (max-width:1589px){.layoutWrap{min-height:calc(100vh - 55px)}}@media (max-width:767px){.layoutWrap{min-height:1px}}.footer{margin-top:auto}h2{font-size:60px}h3{font-size:30px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:15px;text-transform:uppercase}p{margin-top:0;margin-bottom:15px}*{-webkit-box-sizing:border-box;box-sizing:border-box}a{color:var(--maincolor);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.socials{display:flex}.socials a{margin-right:15px;outline:none}.socials a:last-child{margin-right:0}.socials a path{fill:#fff}.socials a:hover path{fill:var(--themecolor)}.socials svg{width:25px;height:auto;display:flex}.container{z-index:2;position:relative;max-width:1140px;padding:0 15px;margin-left:auto;margin-right:auto;width:100%}.row{margin:0 -15px;display:flex;flex-wrap:wrap}.col-3{width:33.333333%}.col-3,.col-6{padding:0 15px}.col-6{width:50%}.col-12{width:100%;padding:0 15px}.rowForm{margin:0 -16px}.colForm{padding:0 16px;margin-bottom:32px}.customForm{font-size:14px}.customForm *{font-family:Be Vietnam,sans-serif}.customForm input,.customForm textarea{border:3px solid transparent;padding:15px 25px;font-size:14px;font-family:Be Vietnam,sans-serif;width:100%;display:block;border-radius:0;outline:none;margin:0;-webkit-box-shadow:0 15px 40px 0 rgba(105,161,163,.16);box-shadow:0 15px 40px 0 rgba(105,161,163,.16);border-radius:3px;background-color:#ccc}.customForm textarea{resize:vertical;min-height:150px}.customForm input:focus,.customForm textarea:focus{border-color:var(--themecolor);outline:none}.customForm .error{border-color:red}.customForm .input-feedback{color:red;position:absolute}.customForm button:disabled{opacity:.5;cursor:not-allowed!important}.customForm .reset,.customForm .submit{outline:none;border:0;padding:10px 25px;cursor:pointer;margin-right:32px;font-size:20px;-webkit-transition:all .2s;transition:all .2s;border-radius:3px}.customForm .submit{border:1px solid var(--themecolor);color:var(--themecolor);flex-grow:1;background-color:transparent;min-width:150px}.customForm .submit:hover{background-color:var(--themecolor);color:#fff}.customForm .reset{border:1px solid var(--maincolor);background-color:#fff}.contactWrap{margin-top:auto;margin-bottom:auto}.lds-ellipsis{display:inline-block;position:absolute;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@media (max-width:1589px){h2{font-size:40px}h3{font-size:25px}body,html{font-size:15px;line-height:1.7}body{padding-top:55px}}@media (max-width:1199px){.container{max-width:740px}.col-3{width:100%}.customForm .submit{margin:0 auto 20px;display:block}.lds-ellipsis{margin:0 auto;bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;position:absolute}}.contWrapHome{margin:auto}.contHome{margin:40px;width:600px;height:660px;position:relative}.dimaHome{display:block;width:350px;height:560px;-webkit-box-shadow:0 0 50px rgba(0,0,0,.8);box-shadow:0 0 50px rgba(0,0,0,.8);object-fit:cover;position:absolute;top:100px;left:230px}.borderHome{position:absolute;width:500px;height:500px;top:0;left:130px;width:350px;height:560px}.wordHome{font-size:100px;line-height:1;position:absolute;letter-spacing:20px;text-transform:uppercase;font-weight:700}.wordHome span{-webkit-transition:all .3s;transition:all .3s}.wordHome span.s1{-webkit-text-stroke:2px #fff;color:transparent}.wordHome span.s1:hover,.wordHome span.s2{color:#fff;-webkit-text-stroke:0 #fff}.wordHome span.s2:hover{-webkit-text-stroke:2px #fff;color:transparent}.wordHome1{top:20px;left:30px}.wordHome2{top:140px;left:30px}.wordHome3{font-size:30px;letter-spacing:2px;top:440px;left:30px}.borderHome:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;background:linear-gradient(120deg,#1bb7b2,#000,#1bb7b2);background-size:300% 300%;-webkit-clip-path:polygon(0 100%,5px 100%,5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px),5px 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,5px 100%,5px 5px,calc(100% - 5px) 5px,calc(100% - 5px) calc(100% - 5px),5px calc(100% - 5px),5px 100%,100% 100%,100% 0,0 0);-webkit-animation:gradient-animation 4s ease-in-out infinite;animation:gradient-animation 4s ease-in-out infinite}@-webkit-keyframes gradient-animation{0%{background-position:15% 0}50%{background-position:85% 100%}to{background-position:15% 0}}.aboutMeWrap{height:1876px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.aboutMe{font-size:11vw;text-align:center;-webkit-text-stroke:1px #fff;color:transparent}.text{font-size:25px;font-weight:100}.text a{color:var(--themecolor)}.parWrap{position:relative;padding:10px;height:1000px}.parImg{position:absolute; /*!!!*/top:200px;left:0;font-size:15vw;text-align:center;-webkit-text-stroke:1px #fff;color:transparent;text-transform:uppercase}.seeProjects{text-align:center;position:relative;z-index:5}.seeProjects a{color:#fff;font-size:25px}.progress-icon{width:80px;margin:0 auto;display:block;height:auto;position:fixed;bottom:-10px;right:20px}.circle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle .el{width:300px;height:300px;border-radius:50%;overflow:hidden}.boxes300{height:200px}@media (max-width:1589px){.contHome{width:480px;height:528px}.dimaHome{top:80px;left:184px}.borderHome,.dimaHome{width:280px;height:448px}.borderHome{top:0;left:104px}.wordHome{font-size:80px;letter-spacing:16px}.wordHome1{top:16px;left:24px}.wordHome2{top:112px;left:24px}.wordHome3{font-size:24px;letter-spacing:1.6px;top:352px;left:24px}}@media (max-width:767px){.contHome{width:300px;height:330px;margin:0}.dimaHome{top:50px;left:115px}.borderHome,.dimaHome{width:175px;height:280px}.borderHome{top:0;left:65px}.wordHome{font-size:50px;letter-spacing:10px}.wordHome1{top:10px;left:15px}.wordHome2{top:70px;left:15px}.wordHome3{font-size:15px;letter-spacing:1px;top:220px;left:15px}}.contactMe{-webkit-text-stroke:1px #fff;color:transparent}@media (max-width:1589px){.progress-icon{width:80px}.aboutMeWrap{height:1500px}.parWrap{height:800px}.text{font-size:20px}}@media (max-width:767px){.parWrap{height:400px}body{padding-top:69px}.progress-icon{width:40px;bottom:0;right:15px}}.hamburger-react{margin-right:-8px}@media (min-width:768px){.hamburger-react{display:none}}.aboutMobile{display:none}@media (max-width:767px){.aboutPc{display:none}.aboutMobile{text-transform:uppercase;align-items:center;justify-content:center;display:flex;font-size:15vw;font-weight:900;text-align:center;-webkit-text-stroke:1px #fff;color:transparent;height:calc(80vh)}.parImg{font-size:13vw}.socials svg{width:30px}}.stackWrap{width:100%;margin-bottom:90px;padding:10px 12.5px 0;position:relative}.stackWrap:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0;background:linear-gradient(120deg,#1bb7b2,#000,#1bb7b2);background-size:300% 300%;-webkit-clip-path:polygon(0 100%,4px 100%,4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(100% - 4px),4px calc(100% - 4px),4px 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,4px 100%,4px 4px,calc(100% - 4px) 4px,calc(100% - 4px) calc(100% - 4px),4px calc(100% - 4px),4px 100%,100% 100%,100% 0,0 0);-webkit-animation:gradient-animation 4s ease-in-out infinite;animation:gradient-animation 4s ease-in-out infinite}@keyframes gradient-animation{0%{background-position:15% 0}50%{background-position:85% 100%}to{background-position:15% 0}}.stackWrapSub{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -5px}.stackItemWr{padding:0 5px;flex-grow:1;margin-bottom:10px}.stackItem{padding:8px 15px;font-size:14px;font-weight:600;line-height:1;display:flex;align-items:center;cursor:pointer;text-transform:uppercase;-webkit-transition:all .3s;transition:all .3s;height:100%;color:#fff;position:relative}@media (min-width:768px){.stackItem{justify-content:center}}.stackItem:hover{color:var(--themecolor)}.stackItem:before{content:"";position:absolute;height:100%;left:0;top:0;width:0;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.stackItem span{position:relative}.stackItemActive:before{width:100%}.stackItemActive{color:var(--maincolor)}.stackImg{position:relative;width:25px;max-height:25px;top:1px;margin-right:10px}@media (max-width:1589px){.stackItem{font-size:12px}}@media (min-width:1590px){.stackItemWr{width:calc(100% / 10)}}@media (max-width:1350px){.stackItemWr{width:calc(100% / 5)}}@media (max-width:1199px){.stackWrap{margin-bottom:60px;padding-left:15px;padding-right:15px}}@media (max-width:991px){.stackWrap{margin-bottom:30px}}@media (max-width:767px){.stackItemWr{width:calc(100% / 2)}}.projectsContainer{margin:0 auto;padding:0 45px;max-width:1400px}.projectsRow{display:flex;flex-wrap:wrap}.projectsCol{width:33.333333%;padding:0 45px;margin-bottom:90px}.sub{background-color:#1b1b1b;height:100%;display:flex;flex-direction:column;border-radius:5px;overflow:hidden}.im-wr{height:200px;background-color:var(--maincolor);position:relative}.im-wr:after{content:"";left:0;right:0;bottom:0}.im,.im-wr:after{position:absolute;height:100%}.im{width:100%;object-fit:cover;object-position:center top;opacity:.9}.content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.title{border-bottom:1px solid #222326;padding-bottom:15px;color:#fff;text-transform:none;font-weight:600;font-size:18px;line-height:1.5}.description{color:#ccc;font-size:14px}.buttonsWrap{margin-top:auto}.buttons{margin:20px -20px -20px;display:flex}.customButton{color:var(--maincolor);background-color:transparent;display:block;padding:12px 15px;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:12px;font-weight:600;width:50%;color:#fff}.customButton:hover{color:var(--themecolor)}.github{border-radius:0 0 0 5px}.githubOnly,.onlineOnly{width:100%;border-radius:0 0 5px 5px}.online{border-radius:0 0 5px 0}.currentStackWrap{display:flex;flex-wrap:wrap;margin-top:20px}.currentStackEl{width:40px;height:40px;margin-right:5px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center}.currentStackIm{width:25px}@media (max-width:1300px){.projectsCol{padding:0 20px}}@media (max-width:1200px){.projectsContainer{padding:0}.projectsCol{padding:0 15px;margin-bottom:30px}}@media (max-width:991px){.projectsCol{width:50%}}@media (max-width:767px){.projectsCol{width:100%}}