body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#0a192f;color:#e6f1ff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.fa-bars{font-size:1.6rem}.navbar{background-color:#1d293a;width:100%}.header-name{color:#fff;text-transform:uppercase;font-size:26px!important;-webkit-animation:name 13s ease-in-out 3s infinite alternate;animation:name 13s ease-in-out 3s infinite alternate}@-webkit-keyframes name{0%{color:#fff}25%{color:#ff0}50%{font-style:italic;color:#0f0}75%{color:#0ff}to{color:#7fff00}}@keyframes name{0%{color:#fff}25%{color:#ff0}50%{font-style:italic;color:#0f0}75%{color:#0ff}to{color:#7fff00}}.header-title{font-size:18px;text-transform:uppercase;color:#fff!important;padding:5px 13px!important}.header-title:hover{color:#0ff!important;font-weight:600}.nav-item .menu-active{border-bottom:2px solid #0f0;transition:border-bottom .5s ease-in-out;margin-bottom:0}.container img{width:50px;height:50px;border-radius:25px;margin-right:9px}img:hover{transform:rotate(-20deg);opacity:.8}.header-display-name{font-size:20px!important;color:#00cf5d!important;text-transform:uppercase;margin-top:3px;font-weight:500}.header-display-name:hover{color:#0ff!important}.header-display-out{font-size:19px!important;color:#ff0!important;text-transform:uppercase;margin-top:3px;font-weight:500;margin-left:6px;cursor:pointer}@media (max-width:992px){.header-name{margin-left:-599px}.navbar{width:788px}.container img{margin-left:-10px}.header-title{font-size:10px;text-transform:uppercase;color:#fff!important;padding:5px 10px!important;min-width:70px}.home-card-all-section{min-height:470px!important;overflow:hidden!important;box-sizing:border-box!important;min-width:700px!important;padding:30px!important;margin:1px!important}.home-card-all span{box-sizing:border-box!important;display:block}.home-date{margin-left:300px;margin-top:-30px}.home-icon-section{margin-top:-10px!important}.my-l{display:none}.pro-image{height:530px;max-width:140px!important}.project-right{background-color:#0a192f;color:#fff;max-width:510px;margin-left:10px!important;padding:10px;height:102%}.title.right{margin-right:-44px}.star{margin-left:150px!important;margin-right:20px}.icon{margin-right:8px;color:#00cf5d}.number{color:#00cf5d;font-size:24px}.my-about{display:none}.images .logo{width:350px!important;height:350px!important;border-radius:175px;margin-left:10px!important;margin-top:130px!important;transform:scale(.95);-webkit-filter:grayscale(1);filter:grayscale(1);transition:all alternate infinite 2s;cursor:pointer}.project-item{height:500px!important;overflow:hidden!important;box-sizing:border-box!important;min-width:700px!important;padding:1px!important;border-bottom:1px solid grey!important;margin:20px!important}.project-skill{display:none!important}.project-color{height:500px!important}.show-more{margin-left:247px!important}.blog-item{height:500px!important;overflow:hidden!important;box-sizing:border-box!important;min-width:700px!important;padding:30px!important;margin:1px!important}.blog-skill{display:none}.date-blog{top:-8px;position:relative;left:420px!important;font-weight:600;color:#00cf5d;font-size:17px}.certificate{display:block!important;margin-top:15px;width:148px;position:relative;left:112px}.navbar-toggler-icon{margin-left:-512px!important}.footer{margin-top:0}.main{background-color:#111a28;color:#fff;height:800px!important}.error{position:relative;left:-210px;top:5px}}@media (max-width:575px){.intro-text .text{display:block!important}.header-name{margin-left:10px!important}.navbar{width:100%}.contact-title{margin-left:390px!important;margin-top:70px}.fa-bars{display:block!important}}@media (min-width:576px) and (max-width:767px){.fa-bars,.intro-text .text{display:block!important}.header-name{margin-left:-20px!important}.navbar-toggler-icon{margin-left:-1px!important}.about-page,.all-blog,.all-project,.blogs,.contact,.main,.navbar,.project,.signup,.skills{width:100%!important}.love-to-do{width:100%}}@media (min-width:768px) and (max-width:991px){.intro-text .text{display:block!important}.header-name{margin-left:20px!important}.navbar-toggler-icon{margin-left:-1px!important}.about-page,.main,.navbar{width:100%}.blogs,.project{width:100%!important}.all-blog,.all-project,.contact,.love-to-do,.signup,.skills{width:100%}}@media (max-width:767px){.about-page,.all-blog,.all-project,.blogs,.contact,.footer,.main,.project,.signup,.skills{width:100%!important}.contact-area{margin-left:-350px!important;margin-top:70px;display:inline}.love-to-do{width:100%!important}.star{display:none}.last-section p{margin-left:100px}.content-footer{margin-left:-100px!important}.home-card-all-section{overflow:hidden!important;box-sizing:border-box!important;min-width:490px!important;padding:30px!important;margin:3px!important;height:500px!important}.home-date{position:relative;left:-100px!important}.home-card-all{min-height:500px!important}.pro-image{height:510px!important;margin-left:30px;padding:0 20px}.project-right{background-color:#0a192f;color:#fff;max-width:510px;margin-left:27px!important;padding:10px;height:106%}.show-more{position:relative;left:45px}.date-blog{margin-left:-300px!important}.error{position:relative;left:-280px;top:6px;display:block}.footer{width:580px}}.fa-bars,.fa-times{cursor:pointer;font-size:2rem}@media (min-width:768px) and (max-width:991px){.fa-bars,.fa-times{display:block!important}}@media (min-width:992px) and (max-width:1199px){.fa-bars,.fa-times{display:block!important}}.fa-bars{display:none}.about-page{background-color:#111a28;color:#fff}.about-title{position:absolute;display:flex;flex-direction:column}.about-title .my-about{transform:rotate(-90deg);margin-top:350px;color:#0ff;font-weight:700;font-size:30px}.about-title .about-vertical{transform:rotate(-90deg);position:relative;margin-top:-190px;color:#0ff;font-weight:700}.about-page p{text-align:justify;margin-top:40px;padding-bottom:0;margin-bottom:0}.about-me{color:#00cf5d!important;font-weight:600;font-size:40px;margin-top:60px!important}.images .logo{width:350px!important;height:350px!important;border-radius:175px;margin-left:150px;margin-top:30px;transform:scale(.95);-webkit-filter:grayscale(1);filter:grayscale(1);transition:all alternate infinite 2s;cursor:pointer}.hor-about{border-bottom:3px solid #00cf5d;margin:0 auto;max-width:190px}.images .logo:hover{transform:rotate(0deg)!important;-webkit-filter:grayscale(0);filter:grayscale(0);transition:scale(0);transform:scale(1)}@media (max-width:767px){.images{position:relative;top:10px;left:-80px}.about-title{display:none}.home-section-card{margin-top:30px}}.main{height:700px}.main,.title ul{background-color:#111a28;color:#fff}.title ul{padding:5px;list-style:none;margin-top:60px}.title.left{left:10px;top:70px}.title.left.social{justify-content:space-between}.title:after{content:"";position:absolute;height:100%;width:4px;margin:15px 0;background:hsla(0,0%,100%,.85);z-index:-1}.title.left p{transform:rotate(-90deg)}.title p{padding:5px 30px;font-weight:600;background-color:#1d293a;color:#fff;margin-top:90px}.icon-all{margin-bottom:18px;font-size:30px;opacity:1;transition:all .5s ease-in-out}.icon-all:hover{background-color:transparent;padding:4px}.title span{transform:rotate(-90deg);color:#fff!important;flex-direction:column;font-weight:700!important;border:6px solid transparent}.intro h3{color:#00cf5d}h3,h4{padding:0;margin:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;line-height:1.1}h3{font-size:1.38316rem}.intro h1{font-size:60px;font-weight:900;margin-bottom:25px;color:#fff!important}.intro h1:hover{color:#0ff!important}h1,h2{padding:0;margin:0;color:inherit;font-weight:700;text-rendering:optimizeLegibility;line-height:1.1}.intro p{font-size:22px;color:#00cf5d}p{margin:0;font-weight:400px;color:hsla(0,0%,100%,.85)}.intro{padding-top:50px}.intro-text{margin-left:130px;margin-top:130px}.intro ul li{position:relative;margin-right:25px;color:hsla(0,0%,100%,.85)}li{font-size:23px}ul{margin:0;list-style:none}.intro ul li:before{position:absolute;content:"";left:-15px;top:10px;background-color:#00cf5d;width:8px;height:8px;border-radius:10px}.intro ul{display:flex;margin-bottom:25px}.text li{margin-left:11px}.resume{color:#fff;margin-left:120px}.about{color:#fff!important}@media (max-width:767px){.certificate{position:relative;top:20px;left:110px;font-size:18px!important}.all-project .pro-image img{width:440px}.all-project .project-right{margin-left:-6px;margin-top:-30px}.all-project .l-title,.love-to-do .right{display:none}.love-to-do{padding-left:80px}.last-section{margin-left:-2px}.content-footer p{display:flex;margin-left:70px}.show-more{margin-left:130px!important}.footer{background-color:#1d293a;min-height:300px}.f-right{width:450px!important}.images .logo{width:350px!important;height:350px!important;border-radius:175px;margin-left:130px!important;margin-top:130px!important;transform:scale(.95);-webkit-filter:grayscale(1);filter:grayscale(1);transition:all alternate infinite 2s;cursor:pointer}.blog-item,.project-item{height:520px!important;overflow:hidden!important;box-sizing:border-box!important;min-width:300px!important;padding:1px!important;border-bottom:1px solid grey!important;margin:20px!important}.my-blog-title{display:none}.navbar-toggler{width:47px;height:34px;background-color:#00cf5d!important;color:#fff!important;border:1px solid #fff!important}}.not-found{text-align:center}.not-found-content{margin-top:250px;margin-left:50px}.not-found-content hr{max-width:500px;margin-left:400px}.footer{background-color:#1d293a;color:#fff}.language ul li{text-transform:uppercase}.content-footer{display:flex;margin-top:40px}.content-footer p{margin-right:40px;font-size:26px;font-weight:600}.text-ban{color:#00cf5d!important}.star{margin-left:350px;margin-right:20px}.icon{margin-right:8px;color:#00cf5d}.number{color:#00cf5d;font-size:24px}.last-section p{text-align:center;color:#00cf5d;font-weight:500;margin-top:40px!important;margin-bottom:14px!important}.last-section p,.text-green{font-size:25px;text-transform:uppercase}.text-green{color:#0ff;animation:name 10s linear 3s infinite alternate-reverse!important}@media (max-width:767px){.language{left:100px;font-size:10px!important}.language,.last-section{position:relative;top:340px}}.signup{background-color:#111a28;color:#fff}.login-title{position:absolute;display:flex;flex-direction:column}.login-title .my-login{transform:rotate(-90deg);margin-top:350px;color:#0ff;font-weight:700;font-size:30px}.login-title .login-vertical{transform:rotate(-90deg);position:relative;margin-top:-200px;color:#0ff;font-weight:700}.signup .logo img{margin-top:70px;margin-left:530px;transform:rotate(0deg);color:#fff}.login-name{border-bottom:2px solid #00cf5d;max-width:150px;margin:0 auto}.signup .form-control{max-width:410px;margin:0 auto;padding:19px!important;border:2px solid #00cf5d;border-radius:20px}.signup .form-group{margin-top:30px}.signup .sign-btn{max-width:410px;margin:0 auto;border-radius:20px;font-size:20px;text-transform:uppercase}.error{color:red;margin-left:360px;margin-bottom:0}.account label{color:#00cf5d;cursor:pointer;font-size:18px}.facebook-icon,.google-icon{font-size:25px;margin-right:5px;color:#fff}@media (max-width:767px){.signup .logo img{margin-top:70px;margin-left:200px}.login-title{display:none}}.contact{background-color:#111a28;color:#fff}.contact-title{position:absolute;flex-direction:column;display:flex;margin-left:1200px;margin-top:290px}.contact-title h3,.contact-title span{transform:rotate(90deg);color:#0ff}.contact-title span{position:relative;margin-top:120px;font-weight:900}.new{color:#0ff;font-size:18px}.new,.touch{text-align:center}.touch{color:#fff}.lead{max-width:600px;margin:0 auto;font-weight:500}.form-group .form-control{border-radius:10px;font-weight:500;font-size:17px}.skills{background-color:#111a28;color:#fff}.skill-title{position:absolute;display:flex;flex-direction:column}.skill-title .my-skill{transform:rotate(-90deg);margin-top:350px;color:#0ff;font-weight:700;font-size:30px}.skill-title .skill-vertical{transform:rotate(-90deg);position:relative;margin-top:-160px;color:#0ff;font-weight:700}.all-skill{padding-left:100px}.skill-nav{display:flex;flex-wrap:wrap;margin-bottom:25px}li,ul{margin-bottom:0;list-style:none}.skill-nav li.active{background-color:#00cf5d;font-weight:700}.skill-nav li{border:2px solid #00cf5d;color:hsla(0,0%,100%,.85);padding:5px 21px;margin-right:15px;cursor:pointer;border-radius:4px;margin-top:20px}.skill .card{position:relative;background-color:#1d293a;padding:25px 25px 35px;margin-top:28px;border-radius:4px}.skill .card h4{font-size:26px;font-weight:700;color:#eea60c}.skill .card p{padding:3px 11px;top:25px;font-weight:500;color:#fff;right:15px;font-size:18px}.skill .card .progress-bar,.skill .card p{position:absolute;background-color:#b1129c;border-radius:4px}.skill .card .progress-bar{bottom:0;left:0;height:10px}.right{margin-top:15px!important}@media (max-width:767px){.skill-nav li{position:relative;top:10px;left:10px;font-size:18px!important;padding:10px}.skill{margin-left:-10px}}.blog-item{transition:all .5s ease-in}.blog-item .card-img-top{width:100%;height:160px;display:block;padding-top:10px;margin:0 auto}.blog-item .blog-image:hover{transform:rotate(0deg)!important}.b-des{word-wrap:normal;font-size:14px;margin-bottom:20px;text-align:justify}.item-color{background-color:#111a28;color:#fff;border:1px solid #2f4f4f;height:250px}.blog-type{background:#4b5769;margin-right:5px;margin-top:5px!important;border-radius:3px;padding:3px 10px;font-size:14px;height:26px}.date-blog{top:-8px;position:relative;left:180px;font-weight:600;color:#00cf5d;font-size:17px}.date-blog:hover{color:#0ff}@media (max-width:767px){.footer{position:relative;height:200px}.language .content-footer{margin-top:-300px;margin-left:-100px}}.blogs{background-color:#111a28;color:#fff}.blog-title{position:absolute;display:flex;flex-direction:column}.blog-title .blog-skill{margin-top:350px;font-size:30px}.blog-title .blog-skill,.blog-title .blog-vertical{transform:rotate(-90deg);color:#0ff;font-weight:700}.blog-title .blog-vertical{position:relative;margin-top:-160px}.my-blog{color:#00cf5d;margin-top:20px}.hor{border-bottom:3px solid #00cf5d;margin:0 auto;max-width:150px}.text-icon{text-align:center;margin-top:10px;margin-bottom:0;font-size:17px}.all-blog{background-color:#111a28;color:#fff}.all-blog-title{position:absolute;display:flex;flex-direction:column}.all-blog-title .my-blog-title{transform:rotate(-90deg);margin-top:350px;color:#0ff;font-weight:700;font-size:30px}.all-blog-title .all-blog-vertical{transform:rotate(-90deg);position:relative;margin-top:-194px;color:#0ff;font-weight:700}.blog-header-section .main-article{font-size:35px;color:#00cf5d;font-weight:600}.blog-header-section .article-line{font-weight:700;color:#0ff}.card .home-image{width:100%;height:160px;display:block;padding-top:10px;margin:0 auto}.home-p{word-wrap:normal;margin-bottom:20px;text-align:justify}.home-p,.type{font-size:14px}.type{background:#4b5769;margin-right:5px;margin-top:5px!important;border-radius:3px;padding:3px 10px;height:26px}.home-card-all{background-color:#111a28;color:#fff;border:1px solid #2f4f4f;height:270px}.home-icon-section{margin-top:10px;font-size:45px}.home-date{top:-8px;position:relative;left:180px;font-weight:600;color:#00cf5d;font-size:17px}.card .home-image{transform:rotate(0deg)!important}.all-project{background-color:#111a28;color:#fff}.project-header-section .main-article{font-size:35px;color:#00cf5d;font-weight:600}.project-header-section .article-line{font-weight:700;color:#0ff;margin-left:2px}.pro-image img{width:700px;height:100%;border-radius:5px;transform:rotate(0deg)}.project-right{background-color:#0a192f;color:#fff;max-width:500px;margin-left:150px;height:102%}.project-right p{text-align:justify}.technology{display:flex;flex-wrap:wrap;margin-top:-3px}.technology span{background:#4b5769;margin-right:7px;margin-top:6px;border-radius:3px;padding:3px 15px;font-size:12px;height:27px}.project-icon{font-size:39px;margin-top:11px}.project-icon-link{font-size:37px;margin-top:11px;margin-left:20px}.l-title{position:absolute;display:flex;flex-direction:column}.l-title .my-l{margin-top:750px;font-size:30px}.l-title .l-vertical,.l-title .my-l{transform:rotate(-90deg);color:#0ff;font-weight:700}.l-title .l-vertical{position:relative;margin-top:-200px}.love-to-do{padding-right:100px;display:flex;flex-wrap:wrap;background-color:#111a28;color:#fff}.title.right{right:1px}.title{position:absolute;display:flex;flex-direction:column;align-items:center}.title.title.right p{transform:rotate(90deg)}.title p{padding:2px;font-weight:700;text-transform:uppercase;background-color:#111a28;transform-origin:50%;border-radius:4px;font-size:25px}.title p,.title ul li a{color:#fff}.love-to-do .stickpad img{display:inline-block;width:75px;border-style:none;max-width:100%;padding:0;margin:0}.love-to-do .stickpad{padding:45px 25px;margin:0 15px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.love-to-do>*{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 30px)}.love-to-do .stickpad h4{font-weight:600;color:#fff;font-size:22px;margin-top:22px}.project-item{box-sizing:border-box}.project-item .project-image{width:100%;height:170px;display:block;padding-top:10px;margin:0 auto;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden;border:none;border-radius:5px}.project-item .project-image:hover{transform:rotate(0deg)!important;background:transparent none}.project-des{word-wrap:normal;font-size:14px;margin-bottom:20px;text-align:justify}.project-type{background:#4b5769;margin-right:5px;margin-top:-10px!important;border-radius:3px;padding:3px 10px;font-size:14px;height:26px}.project-color{border:1px solid #2f4f4f;height:320px}.project,.project-color{background-color:#111a28;color:#fff}.project-title{position:absolute;display:flex;flex-direction:column}.project-title .project-skill{transform:rotate(-90deg);margin-top:700px;color:#0ff;font-weight:700;font-size:30px}.project-title .project-vertical{transform:rotate(-90deg);position:relative;margin-top:-200px;color:#0ff;font-weight:700}.my-project{color:#00cf5d;margin-top:20px;text-transform:uppercase}.Line{border-bottom:3px solid #00cf5d;margin:0 auto;max-width:199px}.show-more{margin-left:467px}
/*# sourceMappingURL=main.6232f99d.chunk.css.map */