h1[data-v-70daee9e],h2[data-v-70daee9e]{color:#2c3e50;font-weight:400;margin:30px 0 40px}p[data-v-70daee9e]{font-size:27.5pt}body{font-family:Open Sans,sans-serif;font-size:1.2rem;margin:0;padding:0}*{transition:.2s ease-in-out}h1,h2,h3{margin:0}h1{font-size:5rem;font-weight:600;letter-spacing:.16rem;text-transform:capitalize}h1 .second-line{color:#969c9c;font-size:4rem}h2{font-size:4.6rem;font-weight:600;letter-spacing:.16rem;text-transform:capitalize}.main,.page{position:relative}.page{height:auto;left:0;top:0;width:100%}.links{font-size:3rem;font-weight:700;z-index:99}.links img{height:15px}.links .info{font-size:.9rem;font-weight:300;text-align:right}.bg-gradient-violet{background:linear-gradient(0deg,#cc208e,#6713d2)}.bg-light-gradient{background:linear-gradient(235deg,#e6e9f0,#fefefe)}.bg-violet{background:#cf45ed}.arrow-top-left:after,.arrow-top-left:before{background:#000;content:"";display:block;left:0;position:absolute;top:0}.arrow-top-left:after{height:1px;width:40px}.arrow-top-left:before{height:40px;width:1px}.bg-light-blue{background:linear-gradient(235deg,#e6e9f0,#fefefe)}.text-dark-blue{color:#222030}.text-red{color:#fe5e31}.btn{font-size:1.2rem;text-transform:capitalize}.pos-XY-center{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.pos-top-left{left:30px;position:absolute;top:30px}.pos-top-right{position:absolute;right:30px;top:30px}.pos-bottom-left{bottom:30px;left:30px;position:absolute}.pos-bottom-right{bottom:30px;position:absolute;right:30px}.page-animation-enter-active{transition:all .4s ease .63s}.page-animation-leave-active{transition:all .6s cubic-bezier(1,.5,.8,1);transform:scale(.25)}.page-animation-enter,.page-animation-leave-to{height:100vh;position:absolute;transform:translateX(100px);opacity:0;width:100%}.page-animation-enter .image_block img,.page-animation-leave-to .image_block img{display:block;transform:rotate(45deg);transition:.3s ease-in-out}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:.3s ease-in-out}.slide-left-enter,.slide-left-leave-to,.slide-right-enter,.slide-right-leave-to{opacity:0;transform:translateX(20px)}.scale-in-enter-active,.scale-in-leave-active{transition:.2s ease-in-out}.scale-in-enter,.scale-in-leave-to{opacity:0;transform:scale(.75)}.home{height:auto;min-height:100vh}.home .header{font-weight:400;left:50%;opacity:.2;position:absolute;top:30px}.home .header .second-line{padding-left:80px}.home .image_block{max-width:550px;width:100%}.home .photo_wrap{height:auto;left:50%;max-width:380px;position:absolute;top:50%;transform:translate3d(-100%,-100%,0);width:100%;z-index:5}.home .photo_wrap img{border-radius:10px;box-shadow:30px 30px 30px rgba(0,0,0,.3);height:auto;width:100%}.home .about_me{left:50%;max-width:380px;position:absolute;top:50%;width:100%;z-index:5}.home .about_me p{font-size:1.15rem}.skills-page .skill-wrap{margin:0 auto;max-width:1300px;width:100%}.skills-page .skill-wrap .arrow-top-left:after,.skills-page .skill-wrap .arrow-top-left:before{left:15px!important}.skills-page .skill-wrap .skill-block{border:1px solid rgba(34,32,48,.1);height:350px;position:relative;text-transform:capitalize}.skills-page .skill-wrap .skill-block:hover{border-color:rgba(34,32,48,.4)}.skills-page .skill-wrap .skill-block img{height:auto;width:100%}.skills-page .skill-wrap .skill-block h3{font-weight:600;text-transform:capitalize}.skills-page .skill-wrap .skill-block .progress{height:7px}.portfolio-page .portfolio-wrap{margin:0 auto;max-width:1300px;width:100%}.portfolio-page .photo-block{cursor:pointer;overflow:hidden;position:relative;margin:0 auto;max-width:350px;width:100%}.portfolio-page .photo-block img{height:auto;width:100%}.portfolio-page .photo-block .btn{background:none;height:40px;left:50%;line-height:24px;opacity:0;position:absolute;transform:translate3d(-50%,-50%,0);top:60%;transition:.2s ease-in-out}.portfolio-page .photo-block:focus .image,.portfolio-page .photo-block:hover .image{opacity:.3}.portfolio-page .photo-block:focus .btn,.portfolio-page .photo-block:hover .btn{opacity:1;top:50%}.portfolio-page .modal_block{background:#fff;height:100vh;left:0;padding:20px;overflow-y:auto;-webkit-overflow-y-scrolling:touch;position:fixed;top:0;width:100vw;z-index:999}.portfolio-page .modal_block .close_button{cursor:pointer;font-size:3rem;position:fixed;z-index:99}.portfolio-page .modal_block .list-group{max-width:400px;width:100%}.form_wrap{background-image:linear-gradient(0deg,#5f72bd 0,#9b23ea)}.form_wrap .signup-form{background:none;border:1px solid rgba(34,32,48,.5);border-radius:15px;margin:0 auto;max-width:630px;padding:25px;position:relative;width:100%}.form_wrap .signup-form h3{color:hsla(0,0%,100%,.67);font-size:2.4rem;font-weight:700}.form_wrap .signup-form h3 small{color:#fff;font-size:1rem}.form_wrap .signup-form .form-group{position:relative}.form_wrap .signup-form .field{position:relative;margin-bottom:15px}.form_wrap .signup-form .field label{color:#fff;left:15px;margin:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:.2s ease-in-out}.form_wrap .signup-form .field label.to_top{opacity:1;transform:translateY(-200%)}.form_wrap .signup-form .field input{height:40px;text-transform:capitalize;width:100%}.form_wrap .signup-form input,.form_wrap .signup-form textarea{background:hsla(0,0%,100%,.05);border:0;color:hsla(0,0%,100%,.6);padding:0 15px}.form_wrap .signup-form .textArea{width:100%}.form_wrap .signup-form .textArea textarea{height:90px;width:80%}.form_wrap .signup-form .textArea .field{margin-bottom:0;text-align:right;width:20%}.form_wrap .signup-form .form-button{background:none;box-shadow:0;border:0;color:hsla(0,0%,100%,.6);cursor:pointer;display:inline-block;font-size:3rem;height:48px;line-height:0;padding:0;position:relative;right:0;top:50%;transform:translate3d(0,-50%,0)}.form_wrap .signup-form .form-button:hover{color:#fff}@media screen and (max-width:1870px){h1{font-size:4rem}h1 .second-line{font-size:2.8rem}}@media screen and (max-width:1500px){h1{font-size:3.4rem}h1 .second-line{font-size:2.4rem}}@media screen and (max-width:1280px){h2{font-size:3.3rem!important}.arrow-top-left:after{width:20px}.arrow-top-left:before{height:20px}}@media screen and (max-height:760px),screen and (max-width:767px){.page{padding:15px}.home .header{display:none}.home .about_me{padding:0 15px}.home .about_me,.home .photo_wrap{position:relative;top:0;text-align:center;transform:translateX(-50%)}.home .image_block{left:50%;opacity:.3;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);z-index:-1}.home .btn{bottom:0;left:50%;position:relative;transform:translateX(-50%)}}@media screen and (max-height:700px),screen and (max-width:767px){.pos-XY-center{left:0;position:relative;top:0;transform:translateZ(0)}}@media screen and (max-width:590px){h2{font-size:3rem!important}.skills-page .skill-wrap .skill-block{height:auto}}
/*# sourceMappingURL=app.e7c9bf4b20441dc3dac9c5e55ffffb8f.css.map */