@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;900&display=swap);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;color:#555}a,h1,h2,h3,h4,h5,h6,span{font-family:"Poppins",sans-serif!important}p{font-family:"Open Sans",sans-serif!important;margin:0}img{max-width:100%;height:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-details{padding:185px 0 50px}.aboutme-info{padding-right:91px}.aboutme-info h2{font-size:40px;font-weight:700;text-transform:capitalize;margin-bottom:30px}.aboutme-info p{margin-bottom:25px;line-height:28px}.aboutme-info .aboutme-title{font-size:21px;margin-bottom:5px}.aboutme-info .regular-btn{margin-top:20px}.aboutme-section-padding{padding-top:150px}.experience-education h3{font-size:26px;font-weight:600;margin-bottom:49px}.experience-education .date{margin-bottom:15px}.experience-education span{opacity:.8}.experience-education .date .contact-icon{color:#555;opacity:.8}.experience-education h4{font-size:20px;font-weight:600;margin-bottom:15px}.experience-education p{font-size:16px;font-weight:600;opacity:.8;margin-bottom:5px}.ex-ed-info{margin-bottom:50px;position:relative}.ex-ed-info sup{font-size:17px;top:-4px}.ex-ed-info:after{position:absolute;content:"";top:1px;left:-37px;width:15px;height:15px;background:#fff;border-radius:50%;border:2px solid #ff5d56;opacity:1}.border-left{padding-left:30px;position:relative}.border-left:before{position:absolute;content:"";top:0;left:0;width:1px;height:100%;background:#ff5d56;opacity:.6}@media screen and (max-width:575px){.about-details{background-color:#f1f1f1;padding:130px 0 25px}.aboutme-info{padding-right:0;margin-bottom:45px}.aboutme-info h2{font-size:30px}.aboutme-section-padding{padding-top:70px}.experience-education h3{margin-bottom:30px}.ex-ed-info ul{padding:0}}@media screen and (min-width:576px) and (max-width:767px){.about-details{background-color:#f1f1f1;padding:60px 0 25px}.aboutme-info{padding-right:0;margin-bottom:45px}.aboutme-info h2{font-size:30px}.aboutme-section-padding{padding-top:70px}.experience-education h3{margin-bottom:30px}.ex-ed-info ul{padding:0}}.blog-area{padding:200px 0 60px;background:#f1f1f1}.blog-thumb{margin-bottom:45px}.blog-content{margin-left:50px}.blog-content p.title{color:#ff5d56;opacity:1}.blog-content p{opacity:.8}.blog-content h3{margin:12px 40px 10px 0;font-size:24px}@media screen and (max-width:575px){.blog-area{padding:140px 0 25px}.blog-content{margin:15px 0}.blog-content h3{margin-right:0}.blog-thumb{margin-bottom:20px}}@media screen and (min-width:576px) and (max-width:767px){.blog-area{padding:140px 0 25px}.blog-content{margin:15px 0}.blog-content h3{margin-right:0}.blog-thumb{margin-bottom:20px}}@media screen and (min-width:768px) and (max-width:991px){.blog-area{padding:140px 0 25px}.blog-content{margin:15px 0}.blog-content h3{margin-right:0}.blog-thumb{margin-bottom:20px}.blog-thumb .regular-btn{padding:12px 34px}}.contact-area{padding:100px 0 115px;background:#f1f1f1}.contact-info{margin-bottom:30px}p.contact-title{margin-bottom:5px}.contact-info p{color:#666;opacity:.8;font-size:15px}.contact-icon{color:#ff5d56;font-size:15px;margin-right:10px}.contact-social ul{list-style:none;padding:0;display:flex;margin:10px 0 0}.contact-social ul li{width:35px;height:35px;border:1px solid #ff5d56;margin-right:15px;text-align:center;line-height:32px;border-radius:50%}.contact-social ul li a .contact-icon{margin:0}.contact-social p{color:#666;opacity:.8;font-size:15px}.contact-right p{margin-left:35px;margin-bottom:30px;line-height:28px}.contact-right form input,.contact-right form textarea{width:45%;display:inline-block;margin-left:30px;padding:10px 25px;border-radius:35px;color:#495057;outline:none;border:1px solid #ced4da;margin-bottom:20px}.contact-right form input:focus,.contact-right form textarea:focus{box-shadow:none;border:1px solid #ff5d56}.contact-right form input:nth-child(3){width:95%}.contact-right form textarea{width:95%;resize:none;height:100px;margin-bottom:15px}.contact-right form button{margin-left:36px}@media screen and (max-width:575px){.contact-area{padding:70px 0 60px}.contact-info{margin-bottom:21px}.contact-info p{font-size:13px}.contact-right p{margin-left:0;font-size:15px;line-height:25px;margin-top:20px}.contact-right form input,.contact-right form textarea{width:100%;margin-left:0}.contact-right form input:nth-child(3){width:100%}.contact-right form button{margin-left:0}}@media screen and (min-width:576px) and (max-width:767px){.contact-area{padding:70px 0 60px}.contact-info{margin-bottom:21px}.contact-right p{margin-left:0;margin-top:20px}.contact-right form input,.contact-right form textarea{width:100%;margin-left:0}.contact-right form input:nth-child(3){width:100%}.contact-right form button{margin-left:0}}@media screen and (min-width:768px) and (max-width:991px){.contact-info{margin-bottom:21px}.contact-right p{margin-left:0;margin-top:20px}.contact-right form input,.contact-right form textarea{width:100%;margin-left:0}.contact-right form input:nth-child(3){width:100%}.contact-right form button{margin-left:0}}.contact-section-padding{padding-top:90px}.banner-area{background:url(/static/media/banner-bg.319da0f1.png) no-repeat 50%;background-size:cover}.banner-area .overlay{background-color:rgba(0,0,0,.9);padding:250px 0 100px}.banner-img{text-align:right;padding-right:25px}.banner-img img{width:320px;height:320px;border-radius:50%;border:10px solid #ff5d56;background:hsla(0,0%,100%,.3);transform:rotate(-94deg);-webkit-transform:rotate(-94deg);-moz-transform:rotate(-94deg);-ms-transform:rotate(-94deg);-o-transform:rotate(-94deg)}.banner-content h1,.banner-content h4,.banner-content p{color:#eee}.banner-content .banner-top-text{font-size:19px}.banner-content h1{text-transform:uppercase;font-size:42px;font-weight:700;margin:12px 0 10px}.styles_typicalWrapper__1_Uvh{color:#ff5d56}.banner-content .banner-des{font-size:16px;line-height:32px;padding-right:143px;margin-bottom:25px}.regular-btn{background:#ff5d56;border:0;padding:12px 35px;border-radius:35px;color:#eee;text-transform:uppercase;font-weight:600;font-family:"Open Sans",sans-serif!important;font-size:15px;text-decoration:none;display:inline-block;position:relative;overflow:hidden;z-index:1}.regular-btn:before{position:absolute;content:"";top:0;left:-25px;width:0;background:#555;height:102%;transform:skew(-22deg);transition-duration:.6s;z-index:-1}.regular-btn:hover:before{width:120%;left:-2}.regular-btn:hover{color:#fff}.regular-btn.btn-2{border:1px solid #ff5d56;background:no-repeat;color:#ff5d56;margin-left:30px;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.regular-btn.btn-2:before{background-color:#ff5d56;border:1px solid #ff5d56}.regular-btn.btn-2:hover{color:#fff;border:1px solid #ff5d56}@media screen and (max-width:575px){.regular-btn{margin-right:10px}.banner-area .overlay{padding:140px 0 65px}.banner-img{text-align:center;padding-right:0;margin-bottom:20px}.banner-img img{width:234px;height:250px}.banner-content h1{font-size:32px}.banner-content .banner-des{font-size:15px;line-height:28px;padding-right:0}.regular-btn{margin-bottom:20px}.regular-btn.btn-2{margin-left:0}}@media screen and (min-width:576px) and (max-width:767px){.banner-area .overlay{padding:140px 0 65px}.banner-img{text-align:center;padding-right:0;margin-bottom:20px}.banner-img img{width:234px;height:250px}.banner-content h1{font-size:36px}.banner-content .banner-des{padding-right:0}}@media screen and (min-width:768px) and (max-width:991px){.banner-area .overlay{padding:170px 0 80px}.banner-img{text-align:center;margin-bottom:20px}.banner-content .banner-des,.banner-img{padding-right:0}}.about-area{padding:100px 0 145px}.about-info ul{list-style:none;margin:0;padding:0}.about-info ul:first-child{width:45%}.about-info ul:nth-child(2){width:55%}.about-info{display:flex}.about-info ul li{opacity:.8;text-transform:capitalize;margin-bottom:15px}.about-info ul li span{color:#555;font-weight:500;margin-left:15px;opacity:1!important}.about-btn{margin-top:20px;margin-left:130px}.about-Thumb img{height:435px}.about-Thumb{background:#ff5d56;z-index:99;margin-left:20px}.about-right,.about-Thumb{position:relative}.about-right:before{position:absolute;content:"";top:30px;left:-12px;width:90%;height:100%;border:5px solid #555}@media screen and (max-width:575px){.about-area{padding:65px 0 90px}.about-info{flex-direction:column}.about-info ul:first-child,.about-info ul:nth-child(2){width:100%}.about-info ul li span{margin-left:10px;font-size:14px}.about-btn{margin-top:10px;margin-left:0;margin-bottom:20px}.about-Thumb img{height:auto}.about-Thumb{margin-left:10px}.about-right:before{top:14px;left:-3px;width:97%;border:3px solid #555}}@media screen and (min-width:576px) and (max-width:767px){.about-area{padding:65px 0 90px}.about-info{flex-direction:column}.about-info ul:first-child,.about-info ul:nth-child(2){width:100%}.about-info ul li span{margin-left:10px;font-size:14px}.about-btn{margin-top:10px;margin-left:0;margin-bottom:20px}.about-Thumb img{height:auto}.about-Thumb{margin-left:10px}.about-right:before{top:14px;left:-3px;width:97%;border:3px solid #555}}@media screen and (min-width:768px) and (max-width:991px){.about-area{padding:65px 0 90px}.about-info{flex-direction:column}.about-info ul:first-child,.about-info ul:nth-child(2){width:100%}.about-btn{margin-top:10px;margin-left:0;margin-bottom:20px}.about-Thumb img{height:360px}.about-Thumb{margin-left:10px}}.project-area{padding:100px 0 85px}.section-title h2{color:#555;font-size:55px;font-weight:900;margin-bottom:15px;text-transform:uppercase}.section-title h2 span{color:#ff5d56}.section-title{text-align:center;margin-bottom:55px}.section-title p{color:#555;font-size:15px;opacity:.8;position:relative;display:inline-block;text-transform:uppercase}.section-title p:before{left:-50px}.section-title p:after,.section-title p:before{position:absolute;content:"";top:11px;width:30px;height:2px;background:#ff5d56}.section-title p:after{right:-50px}.project-thumbnail{box-shadow:0 0 5px 0 rgb(0 0 0/15%);position:relative;margin-bottom:30px}.project-info,.project-thumbnail img{width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.project-info{position:absolute;top:0;left:0;height:100%;background:#ff5d56;padding:30px;color:#fff;opacity:0;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.project-thumbnail:hover .project-info{opacity:1}.project-inner-text{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.project-info h4{text-transform:uppercase;font-weight:600;font-size:24px}.project-info p{font-size:15px;margin-bottom:20px}.project-info .regular-btn.btn-2{border-color:#fff;color:#fff;margin:0;padding:8px 30px;font-size:14px}.project-info .regular-btn.btn-2:hover{border-color:#555}.project-info .regular-btn.btn-2:before{background-color:#555;border-color:#555}@media screen and (max-width:575px){.project-area{padding:70px 0 50px}.section-title p:after,.section-title p:before{display:none}.section-title{margin-bottom:35px}.section-title h2{font-size:38px;margin-bottom:10px}.section-title p{font-size:14px}}@media screen and (min-width:576px) and (max-width:767px){.project-area{padding:70px 0 50px}.section-title p:after,.section-title p:before{display:none}.section-title{margin-bottom:35px}.section-title h2{font-size:38px;margin-bottom:10px}}.project-area.my-project{padding-top:185px}.skill-area{background:#f1f1f1;padding:100px 0 80px}.progress-bar{background-color:#ff5d56;transition:width .6s ease}.progress{height:11px;background-color:#b6b1b1;font-size:12px}.skill{width:50%}.single-skill{margin-bottom:30px}.single-skill p{margin-bottom:8px}.all-skill1{margin-right:30px}.all-skill2{margin-left:30px}@media screen and (max-width:575px){.skill-area{padding:71px 0 50px}.all-skill2{margin-left:0}.all-skill1{margin-right:0}}@media screen and (min-width:576px) and (max-width:767px){.skill-area{padding:71px 0 50px}.all-skill2{margin-left:0}.all-skill1{margin-right:0}}.projectDetails{padding:200px 0 75px}h2.project-title{text-transform:capitalize;font-weight:700;font-size:33px;margin-bottom:30px}.project-thumb{margin-bottom:30px;box-shadow:0 0 5px 0 rgb(0 0 0/15%)}.project-thumb img{width:100%}.project-details-info{margin-left:50px}.project-details-info h2{font-size:50px;font-weight:700;color:#ff5d56;margin-bottom:30px;text-transform:capitalize}.project-des h3,.technology-used h3{text-transform:capitalize;font-size:32px;font-weight:700;color:#555;margin-bottom:20px}.project-des{margin-bottom:30px}ul{list-style:none}.project-des{margin-left:10px}.project-des ul li{font-size:17px;margin-bottom:10px}.tech-list{display:flex}.technology-used ul ul{padding:0;margin:0;width:50%}.technology-used ul ul li{font-size:17px;margin-bottom:10px}.project-btn .regular-btn{margin-right:30px}.project-details-info ul li{position:relative;z-index:1}.project-details-info ul li:before{position:absolute;content:"";top:5px;left:-26px;width:13px;height:13px;border-radius:2.5px;border:1.9px solid #555}.project-details-info ul li:after{position:absolute;content:"";top:6px;left:-18px;width:5px;height:8px;background:#fff;z-index:1}.project-details-info ul li .contact-icon{position:absolute;top:4px;left:-21px;z-index:99;font-size:12px}.project-btn .regular-btn{margin-bottom:15px;margin-right:15px}@media screen and (max-width:575px){.projectDetails{padding:130px 0 55px}h2.project-title{font-size:27px}.project-details-info{margin-left:0}.project-details-info h2{font-size:34px;margin-bottom:15px}.project-des h3,.technology-used h3{font-size:27px}}@media screen and (min-width:576px) and (max-width:767px){.projectDetails{padding:130px 0 55px}h2.project-title{font-size:27px}.project-details-info{margin-left:0}.project-details-info h2{font-size:34px;margin-bottom:15px}.project-des h3,.technology-used h3{font-size:27px}}@media screen and (min-width:768px) and (max-width:991px){.project-details-info{margin-left:0}}.footer-bg{background:#191c26;padding:25px 0;text-align:center}.footer-bg p{color:#eee}@media screen and (max-width:575px){.footer-bg p{font-size:15px}}nav.navbar{position:fixed;top:0;left:0;right:0;width:100%;background:#191c26;z-index:999;padding:20px 0}nav.navbar .logo{font-size:40px;font-weight:600;color:#eee;text-transform:uppercase;text-decoration:none}.logo span{color:#ff5d56}.ms-auto.navbar-nav{display:flex;align-items:center}.ms-auto.navbar-nav a{color:#eee;text-decoration:none;font-size:16px;text-transform:capitalize;margin:0 20px;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s}.ms-auto.navbar-nav a:hover{color:#ff5d56}.ms-auto.navbar-nav .regular-btn{margin-left:20px}.ms-auto.navbar-nav .regular-btn:hover{color:#fff}@media screen and (max-width:575px){nav.navbar{background:hsla(0,0%,100%,.9);padding:10px 0}.ms-auto.navbar-nav{padding:20px}nav.navbar .logo{color:#ff5d56}.ms-auto.navbar-nav a{color:#ff5d56;margin:10px 0}.ms-auto.navbar-nav a.regular-btn{color:#fff}}@media screen and (min-width:576px) and (max-width:767px){nav.navbar{background:hsla(0,0%,100%,.9);padding:10px 0}.ms-auto.navbar-nav{padding:20px}nav.navbar .logo{color:#ff5d56}.ms-auto.navbar-nav a{color:#ff5d56;margin:10px 0}.ms-auto.navbar-nav a.regular-btn{color:#fff}}@media screen and (min-width:768px) and (max-width:991px){nav.navbar{background:hsla(0,0%,100%,.9);padding:10px 0}.ms-auto.navbar-nav{padding:20px}nav.navbar .logo{color:#ff5d56}.ms-auto.navbar-nav a{color:#ff5d56;margin:10px 0}.ms-auto.navbar-nav a.regular-btn{color:#fff}}
/*# sourceMappingURL=main.9a034346.chunk.css.map */