@import url(https://fonts.googleapis.com/css2?family=Lato&family=Nunito&family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Roboto","Lato","Ubuntu","Nunito","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{text-transform:capitalize}html{scroll-behavior:smooth}.App{overflow:hidden}.section-title{text-transform:uppercase}.title-sub{color:#e04641}.review-title{max-width:500px;margin:0 auto}@media only screen and (max-width:768px){.header-content-title{margin-left:15px!important}.header-content{left:13%!important}.header-wrapper{height:100vh}.work-feature{width:100%!important}.footer-title{margin-left:0!important}.nav-sm-bg-color{background-color:#20669d}}@media only screen and (max-width:992px){.work-feature{width:100%}.footer-title{margin-left:0!important}}@media only screen and (min-width:768px){.header-content{left:28%!important}}@media only screen and (max-width:600px){.header-content{left:5%!important}.header-content h2{font-size:2rem}.header-content h1{font-size:1.5rem}.progress-bar{width:200px!important}.tsparticles-canvas-el{width:100%!important}#tsparticles{height:100vh}}@media only screen and (max-width:450px){.outer-limit{width:70%!important}}@media only screen and (min-width:1024px){.header-content{left:35%!important}}.bg-nav{background:linear-gradient(rgba(15,94,156,.9),rgba(15,94,156,.9)),url(https://mahins.netlify.app/css/scss/images/IMG_20200110_154509.jpg);background-position:50% 50%;background-position:top}.custom-btn-header{width:150px;border:1px solid #fff;color:#fff;padding:8px;margin:5px}.custom-btn-header:hover{background-color:#000!important;color:#fff;border:1px solid transparent}.nav-link{color:#fff!important}.nav-link:hover{border-bottom:1px solid #fff;text-shadow:#708090}.navbar-toggler:focus{border:none;outline:none}.navbar-toggler:focus-within{border:none}.bg-color{background-color:rgba(0,0,0,.1)}.iconLeft{border-radius:50%}.icon-bar a,.iconLeft{color:#fff;display:inline-block;height:42px;width:42px;font-size:20px;line-height:38px;text-align:center;font-weight:700;transition:.3s ease-in}.icon-bar a{border-radius:50%;border:2px solid transparent;margin:0 10px}.icon-bar a:hover{border:2px solid #d4d4d4;color:#000!important;background-color:#fff}.footer{-webkit-clip-path:polygon(0 0,100% 9%,100% 100%,0 100%);clip-path:polygon(0 0,100% 9%,100% 100%,0 100%)}.footer-me-image img{width:166px;height:155px;object-fit:cover}.footer-details p{text-align:center;max-width:500px;margin:0 auto;font-size:14px;letter-spacing:2px;font-family:"Roboto",sans-serif!important}.contact-icon a{color:#000;border:2px solid #000!important}.contact-icon a:hover{background-color:#000!important;color:#fff!important}.progress-bar{background-color:#fff!important}.inner-rect-bar{background-color:#00f!important}.progress-title{position:relative}.progress-title span{width:30px;height:30px;display:block;border-radius:30px;position:relative}.progress-expert-shape{background-color:#e6e2d3}.progress-comfortable-shape{background-color:#deeaee}.progress-familiars-shape{background-color:#e6e2d3}.progress-title p{margin:3px 15px;top:0;position:absolute;color:#000}.skills-wrapper{background:#fff;box-shadow:13px 18px 58px rgba(0,0,0,.07)}.work-feature{background-color:#e2e5ee;height:auto}.work-img{height:32rem;transition:.3s;overflow:hidden}.word-item{margin:30px 0}.experience-bar a{text-decoration:none;font-size:22px;margin:30px 20px!important}.experience-bar a:hover{border-bottom:2px solid #e04641}.experience-bar a{margin:10px;font-style:normal;font-weight:500;font-size:18px;line-height:23px;text-transform:capitalize}.work-feature{padding:40px;width:60%}.work-feature span{font-size:34px;line-height:44px;color:#e04641}.work-feature h2,.work-feature span{font-style:normal;font-weight:500;text-transform:capitalize}.work-feature h2{font-size:24px;line-height:31px}.work-feature p{font-family:"Roboto",sans-serif!important;font-style:normal;font-weight:400;font-size:14px;line-height:150%}.btn-experience-work,.work-feature p{text-transform:capitalize;color:#757575}.btn-experience-work{padding:0 20px;margin:5px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:5px;text-align:center}.infoDetails{font-family:"Roboto",sans-serif!important;font-style:normal;font-weight:400;font-size:14px;line-height:150%;text-transform:capitalize;color:#757575}.work-title-style{background-color:#000}.experience-btn:hover{color:#fff!important}.header-wrapper{background:linear-gradient(rgba(15,94,156,.7),rgba(15,94,156,.7)),url(https://i.imgur.com/ydn4nTrl.jpg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;-webkit-clip-path:polygon(0 0,100% 0,100% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 95%,0 100%);z-index:0}.header-animation{position:relative}.header-content{position:absolute;top:0;left:35%}.outer-limit{width:auto;height:auto;position:relative}.inner{width:25px;height:50px;border:3px solid red;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;position:relative}.inner,.sign{margin:0 auto}.sign{background-color:#fff;height:10px;width:3px;position:absolute;bottom:10px;left:44%}@-webkit-keyframes example{0%{background-color:transparent;top:0}12.5%{background-color:transparent;top:80px}25%{background-color:transparent;top:40px}37.5%{background-color:transparent;top:80px}50%{background-color:transparent;top:60px}62.5%{background-color:transparent;top:80px}75.40%{background-color:transparent;top:70px}87.5%{background-color:transparent;top:80px}to{top:0}}@keyframes example{0%{background-color:transparent;top:0}12.5%{background-color:transparent;top:80px}25%{background-color:transparent;top:40px}37.5%{background-color:transparent;top:80px}50%{background-color:transparent;top:60px}62.5%{background-color:transparent;top:80px}75.40%{background-color:transparent;top:70px}87.5%{background-color:transparent;top:80px}to{top:0}}.headroom{top:0;left:0;right:0;z-index:1}.headroom,.headroom--unfixed{transition:"all .5s ease-in-out"}.headroom--unfixed{position:relative;transform:translateY(0)}.headroom--scrolled{transition:transform .2s ease-in-out;transition:"all .5s ease-in-out"}.headroom--unpinned{transform:translateY(-100%);background:rgba(15,94,156,.5),rgba(15,94,156,.5)!important}.headroom--pinned,.headroom--unpinned{transition:"all .5s ease-in-out";position:fixed}.headroom--pinned{transform:translateY(0);background:#0f5e9c!important}.card-custom{background:#fff;box-shadow:13px 18px 58px rgba(0,0,0,.05);border-radius:5px;padding:40px}.work-card-title p{justify-content:center}.works-section .card-img img{height:80px;padding:12px}.work-img{width:100%}.work-img img{width:100%!important;height:auto}.review-img{border-radius:4rem!important;height:120px;width:120px;border:5px solid #ddd!important;margin:0 auto!important;text-align:center}.review-icon svg{font-size:3rem;color:#e65f78;margin:5px}.review-quote{font-size:18px;font-style:italic;color:#6c757d!important;max-width:700px}.allProject-details-img{height:18rem!important;overflow:hidden;margin:0 auto;text-align:center}.allProject-details-img img{height:25em;object-fit:fill;padding-left:20px;padding-right:20px;width:100%!important}.welCome-allProject{margin-top:100px!important}.allProject-icon a{color:"black"!important}.mern-title{width:250px}.mern-title,.vanila-title{border-left:4px solid #e04641!important;margin:0 auto}.vanila-title{width:400px}.blog-item{height:12rem!important;width:100%!important}.my-blog{background-color:#f4f7fc;text-decoration:none}.blog-card{transition:.3s;background-color:#fff}.blog-card:hover{transition:.3s;transform:translatey(-5px);box-shadow:0 1rem 3rem rgba(0,0,0,.195)}.text-title{max-width:500px;margin:0 auto}.all-blog a{text-decoration:none;color:#000}
/*# sourceMappingURL=main.bf1ea2b0.chunk.css.map */