.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb80{margin-bottom:80px}*,::before,::after{padding:0;margin:0;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}::selection{background:#57bbff;color:#fff;text-shadow:none}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:500;padding:5px 0 12px}a{text-decoration:none}ul{padding:0;margin:0;list-style:none}img{width:100%;height:auto;vertical-align:middle}input,button{border:none;outline:none}button{cursor:pointer}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto;resize:none}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.container-fluid{padding-left:3rem;padding-right:3rem}.container{margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;width:100%}[class*='col-']{position:relative;padding-left:30px;padding-right:30px;flex:0 0 100%}.row{display:flex;flex-wrap:wrap;margin-left:-30px;margin-right:-30px;flex:0 1 auto}.flex-column{flex-direction:column}.nowrap{flex-wrap:nowrap}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.w-10{flex-basis:10%;max-width:10%}.w-20{flex-basis:20%;max-width:20%}.w-30{flex-basis:30%;max-width:30%}.w-40{flex-basis:40%;max-width:40%}.w-50{flex-basis:50%;max-width:50%}.w-60{flex-basis:60%;max-width:60%}.w-70{flex-basis:70%;max-width:70%}.w-80{flex-basis:80%;max-width:80%}.w-90{flex-basis:90%;max-width:90%}.w-100{flex-basis:100%;max-width:100%}.center{margin-left:auto;margin-right:auto}@media (min-width: 576px){.container{max-width:540px}.col-xs-1{flex-basis:8.33%;max-width:8.33%}.col-xs-2{flex-basis:16.67%;max-width:16.67%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.33%;max-width:33.33%}.col-xs-5{flex-basis:41.67%;max-width:41.67%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.33%;max-width:58.33%}.col-xs-8{flex-basis:66.67%;max-width:66.67%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.33%;max-width:83.33%}.col-xs-11{flex-basis:91.6775%;max-width:91.6775%}.col-xs-12{flex-basis:100%;max-width:100%}}@media (min-width: 768px){.container{max-width:750px}.col-sm-1{flex-basis:8.33%;max-width:8.33%}.col-sm-2{flex-basis:16.67%;max-width:16.67%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.33%;max-width:33.33%}.col-sm-5{flex-basis:41.67%;max-width:41.67%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.33%;max-width:58.33%}.col-sm-8{flex-basis:66.67%;max-width:66.67%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.33%;max-width:83.33%}.col-sm-11{flex-basis:91.6775%;max-width:91.6775%}.col-sm-12{flex-basis:100%;max-width:100%}}@media (min-width: 992px){.container{max-width:970px}.col-md-1{flex-basis:8.33%;max-width:8.33%}.col-md-2{flex-basis:16.67%;max-width:16.67%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.33%;max-width:33.33%}.col-md-5{flex-basis:41.67%;max-width:41.67%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.33%;max-width:58.33%}.col-md-8{flex-basis:66.67%;max-width:66.67%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.33%;max-width:83.33%}.col-md-11{flex-basis:91.6775%;max-width:91.6775%}.col-md-12{flex-basis:100%;max-width:100%}}@media (min-width: 1200px){.container{max-width:1140px}.col-lg-1{flex-basis:8.33%;max-width:8.33%}.col-lg-2{flex-basis:16.67%;max-width:16.67%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.33%;max-width:33.33%}.col-lg-5{flex-basis:41.67%;max-width:41.67%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.33%;max-width:58.33%}.col-lg-8{flex-basis:66.67%;max-width:66.67%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.33%;max-width:83.33%}.col-lg-11{flex-basis:91.6775%;max-width:91.6775%}.col-lg-12{flex-basis:100%;max-width:100%}}.hm-page{height:100vh}.sc-holder{padding:120px 0}.sc-title{color:#03a9f4;font-weight:900;position:relative;margin-bottom:30px;font-size:40px}.sc-title::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:240px;border-top:1px solid;margin-left:15px}.sc-title span{font-size:16px}.btn{letter-spacing:1.5px;font-size:14px;border:1px solid transparent;font-weight:600;min-width:170px;color:#fff;border-radius:50px;display:inline-block;text-align:center;line-height:100%;padding:12px 15px;cursor:pointer;transition:all 0.3s ease-out}.btn.src-code{background-color:#34495e;transition:all 0.2s linear}.btn.src-code:hover{background-color:#131720;transform:translateY(-1px)}.btn.preview{color:#212732;box-shadow:0px 1px 8px #98999e;transition:all 0.2s linear}.btn.preview:hover{transform:translateY(-1px)}.btn-disabled{cursor:not-allowed;user-select:none}[data-scroll]{transition:opacity 1s}[data-scroll='in']{opacity:1}[data-scroll='out']{opacity:0}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.animate__fadeInLeft{animation-name:fadeInLeft;animation-duration:1.3s}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.animate__fadeInRight{animation-name:fadeInRight;animation-duration:1.3s}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;animation-duration:2s}.main-holder .icon{background-position:center;background-size:cover;display:inline-block;vertical-align:middle}.theme-holder{position:absolute;top:85px;right:30px}.theme-box{position:relative;background-color:#212732;border:1px solid #fff;border-radius:33px;min-width:55px;max-width:55px;display:flex;justify-content:space-between;vertical-align:middle;padding:2px 4px}.theme-box .theme-input{position:absolute;opacity:0;height:100%;width:100%;top:0;left:0;right:0;bottom:0;cursor:pointer}.theme-box .toggle-circle{content:'';position:absolute;height:22px;width:20px;background-color:#fff;border-radius:50px;transition:all 0.3s cubic-bezier(0.51, -0.02, 0.29, 1.04);transform:translateX(0);pointer-events:none}.icon-theme{height:22px;width:22px}.ct-icon{height:30px;width:30px}.ct-mail{height:24px;width:24px;vertical-align:top}body{font-weight:400;line-height:1.6;font-size:18px;letter-spacing:0.3px;-webkit-font-smoothing:antialiased;color:#212732;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;transition:all 0.2s ease-out;overflow-x:hidden}.hm-page{position:relative;background:#13a3b5;color:#fff}.hm-page .hm-container{position:relative;max-width:1400px;margin-left:auto;margin-right:auto;display:flex;align-items:center;height:100vh;padding:85px 30px}.main-holder{margin:auto;text-align:center}.main-holder .sub-content{margin-bottom:30px}.main-holder .sub-content .title{font-size:28px}.main-holder .sub-content .icon-wave{background-image:url(assets/wave.png);margin-left:5px;margin-bottom:10px;height:40px;width:40px}.main-content{min-width:700px;max-width:700px}.main-content .name{font-weight:700}.main-content .introduce{font-size:34px;letter-spacing:1px;margin-bottom:50px}.main-content .contacts{font-size:22px}.main-content .contacts .icon-point{background-image:url(assets/hand-right.png);vertical-align:top;height:30px;width:30px;margin-right:10px}.main-content .contacts .gmail-link{position:relative;color:#fff}.main-content .contacts .gmail-link:hover::after{width:100%}.main-content .contacts .gmail-link::after{content:'';position:absolute;top:100%;left:0;margin-top:3px;height:2px;width:50px;background-color:#ffeb3b;transition:all 0.5s ease-in-out}.ab-section{background-color:#f4faff}.ab-section .ab-content p{margin-bottom:15px}.ab-section .highlight{font-weight:600}.ab-section .span-holder{color:#1abc9c;font-weight:bold;font-style:italic}.ab-section .span-holder.stackoverflow-link{text-decoration:underline;text-underline-offset:5px}.ab-section .ab-image::before{display:none;border:2px solid #4d36ff;content:'';position:absolute;height:100%;width:100%;top:7%;left:8%;border-radius:10px;transition:all 0.3s ease-in-out}.ab-section .ab-image:hover::before{top:10%;left:8%}.ab-section .ab-image .profile-pic{border-radius:100%;overflow:hidden;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,0.02),0 0 5px 0 rgba(0,0,0,0.01),4px 16px 32px 0 rgba(0,48,111,0.16)}.tech-content .stack{display:flex;justify-content:space-between}.stack-menu{flex-basis:30%}.stack-menu:last-child{margin-right:0px}.stack-menu li{margin-bottom:5px;display:flex;align-items:center}.stack-menu li .icon{display:flex;margin-right:5px}@media screen and (max-width: 768px){.tech-content .stack{flex-direction:column}.stack-menu{flex-basis:100%}.stack-menu li .tech-item{font-size:16px}}.point-right-icon{fill:#00ebd8;height:20px;width:20px}.mn-projects{overflow:hidden}.prj-holder{margin-bottom:180px}.prj-holder .image-box{display:block;min-height:287px;cursor:pointer;border-radius:3px;overflow:hidden;box-shadow:0px 6px 14px #2e2e2e57}.prj-holder:last-child{margin-bottom:0}.prj-content .prj-title{font-size:24px;font-weight:900;color:#03a9f4}.prj-content .review{padding-bottom:25px}.prj-content .prj-used{display:flex;flex-wrap:wrap;margin-bottom:25px}.prj-content .prj-used li{margin:5px;flex-shrink:0;font-size:14px;font-weight:bold;color:#03a9f4;border:1px solid #03a9f4;border-radius:33px;padding:0 10px;user-select:none}.prj-content .prj-links{display:flex}.prj-content .prj-links li{margin-right:15px}.projects-row{flex-direction:column}.other-prj{background:#f4faff}.other-prj .row{margin-left:-10px;margin-right:-10px}.other-prj .otherpr-box{padding:10px;flex-basis:33.33%;max-width:33.33%}.other-prj .project{user-select:none;height:100%;display:flex;flex-direction:column;color:#212732;border-radius:7px;background-color:#ffffff;padding:25px 22px;box-shadow:2px 4px 40px 4px #c8d6ee;transform-origin:50% 50%;transition:transform 0.1s ease-out}.other-prj .project:hover{transform:scale(1.03) rotate(0.01deg)}.other-prj .project h1{font-size:22px;padding:0;margin-bottom:10px;font-weight:bolder}.other-prj .project p{margin-bottom:25px}.other-prj .project .prj-used{margin-top:auto;display:flex;flex-wrap:wrap}.other-prj .project .prj-used li{margin:5px;flex-shrink:0;font-size:12px;font-weight:bold;color:#03a9f4;border:1px solid;border-radius:33px;padding:0 10px;user-select:none}.prj-src{display:flex;justify-content:flex-end;margin-bottom:8px}.prj-src .src-link{vertical-align:middle;margin-left:4px;display:flex;align-items:center;padding:3px}.prj-src .github-link:hover .github-icon{fill:#3f51b5}.prj-src .preview-link:hover .preview-icon{fill:#3f51b5}.github-icon{height:28px;width:28px;fill:#44c5ff;vertical-align:middle}.preview-icon{height:35px;width:35px;fill:#44c5ff}@media screen and (max-width: 992px){.other-prj .otherpr-box{flex-basis:50%;max-width:50%}}@media screen and (max-width: 600px){.other-prj .otherpr-box{flex-basis:100%;max-width:100%}}.mn-contact{background-color:#1d2731 !important}.mn-contact span{font-size:16px;display:flex;margin-right:3px}.mn-contact .divider{margin:10px 0 11px}.contact-holder{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}.contact-holder .links-container{margin-top:35px}.contact-holder .contact-title{font-size:30px;font-weight:900}.contact-holder p{font-size:20px}.contact-holder .contact-btn{border-radius:33px;border-color:#ffffff;background-color:#fff;color:#34495e;padding:12px 20px;height:48px;min-width:120px;font-size:18px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1024px){.prj-holder{margin-bottom:100px}.prj-holder .image-box{min-height:0}}@media screen and (max-width: 992px){.main-content{min-width:0;max-width:550px}.main-content .introduce{font-size:28px}.sc-holder{padding:70px 0}.sc-title{font-size:24px}.btn.src-code{font-size:12px;min-width:130px}.btn.preview{font-size:12px;min-width:130px}}@media screen and (max-width: 768px){.sc-title::after{width:150px}.main-holder .sub-content .title{font-size:22px}.main-holder .sub-content .icon-wave{height:28px;width:28px}.main-content .introduce{font-size:22px}.main-content .contacts{font-size:18px}.prj-content .prj-title{font-size:20px}.prj-content .review{font-size:16px;padding-bottom:15px}.smprj-1{order:1}.smprj-2{order:2}.ab-section .ab-image-holder{margin:70px auto 0}}.dark-bg{background-color:#1d2731}