@import url(https://fonts.googleapis.com/css2?family=Changa+One:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}body,html{margin:0;width:100%}body,html{overflow-x:hidden;padding:0}html{scroll-behavior:smooth}.app{margin:0;width:100%}.app>*{box-sizing:border-box;margin:0;padding:0}.header{background:#000;box-shadow:0 10px 100px #0000001a;position:fixed;width:100%;z-index:1000}.header__content{align-items:center;display:flex;justify-content:space-between;padding:0 5rem}.header__logo-img-cont{background:#7843e9;border-radius:50px;height:5rem;margin-right:1.5rem;overflow:hidden;width:5rem}.header__logo-container{align-items:center;color:#333;cursor:pointer;display:flex;transition:color .3s}.header__logo-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.header__logo-sub{color:#c9c7c7;font-family:Changa one,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.header__slogan{color:#1e90ff;display:block;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:8px;text-transform:uppercase}.header__links{display:flex}li{list-style:none}.header__link{color:#c9c7c7;display:inline-block;font-size:15px;font-weight:700;letter-spacing:1px;padding:1.2rem 2rem;text-transform:uppercase;transition:color .3s}.header__link:hover{color:#7843e9}.header__link:after{background-color:#7843e9;bottom:10px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.header__link:hover:after{width:100%}.header__link-wrapper{position:relative}.header__main-ham-menu-cont{display:none;width:3rem}.d-none{display:none}.header__sm-menu{background:#111827;box-shadow:0 5px 5px 0 #0000001a;-webkit-box-shadow:0 5px 5px 0 #0000001a;-moz-box-shadow:0 5px 5px 0 #0000001a;opacity:0;position:absolute;top:100%;transition:all .3s;visibility:hidden;width:100%}.header__sm-menu-link:first-child a{border-top:1px solid #0000}.header__sm-menu-link:last-child a{border-bottom:1px solid #0000}.header__sm-menu-link a{border-bottom:1px solid #4e4c4c;color:#c9c7c7;display:block;font-size:1.6rem;font-weight:700;letter-spacing:2px;padding:2.5rem 3rem;text-align:right;text-decoration:none;text-transform:uppercase;transition:color .3s}.header__main-ham-menu,.header__main-ham-menu-close{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(200%) contrast(100%);transition:filter .3s ease}@media only screen and (max-width:991px){.header__links{display:none}}@media only screen and (max-width:900px){.header__link{font-size:1.5rem;padding:3rem 1.8rem}.header__content{padding:1rem}.header__logo-img-cont{height:2.5rem;margin-right:1.2rem;width:2.5rem}.header__logo-sub{font-size:15px;font-weight:900}.header__sm-menu.header__sm-menu--active{background-color:#111827;opacity:1;transition:visibility .3s,opacity .3s ease-in-out;visibility:visible}}@media only screen and (max-width:991px){.header__main-ham-menu-cont{display:block}.header__sm-menu-link a{color:#c9c7c7;font-size:12px;padding:1.5rem 2rem}}.home-hero{background:url(https://images.unsplash.com/photo-1562813733-b31f71025d54?q=80&w=1469&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative}.home-hero:before{background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.home-hero__content{left:50%;max-width:90rem;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:92%;z-index:2}.heading-primary{color:#fff;font-size:50px;font-weight:800;letter-spacing:3px;text-align:center;text-transform:uppercase}.home-hero__info{margin:3rem auto 0;max-width:80rem}.text-primary{color:#bab8b8;font-size:25px;line-height:1.6;text-align:center;width:100%}.social-group{width:100%}.social-wrap{align-items:center;display:flex;justify-content:center}.social-link{background-color:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;margin:10px;overflow:hidden;padding:20px;position:relative;transition:color .3s ease-in-out,background-color .3s ease-in-out}.social-link:hover{background-color:#bab8b8;color:#000}.mouse-container{align-items:center;display:flex;justify-content:center;position:relative;top:100px;width:100%}.mouse{border:2px solid #cecbcb;border-radius:60px;height:40px;overflow:hidden;position:relative;width:25px}.mouse:before{animation:wheel 1.3s infinite;-webkit-animation:wheel 1.3s infinite;background-color:#1e90ff;border-radius:50%;content:"";height:5px;left:50%;opacity:1;position:absolute;top:7px;transform:translateX(-50%);width:5px}@keyframes wheel{to{opacity:0;top:27px}}.home-hero__info,.social-group{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}@media only screen and (max-width:600px){.home-hero__content{margin:auto;padding:12rem 0 13rem;position:absolute;z-index:2}.heading-primary{font-size:20px}.text-primary{font-size:18px;font-weight:600}}@media only screen and (max-width:350px){.social-link{padding:10px}}.about{background-color:#111827;padding-bottom:0;position:relative}.sec-pad{padding:5rem}.main-container{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:repeat(2,1fr);justify-content:center;padding:10px;text-align:center}.heading-sec__main{font-weight:700}.heading-sec__sub1{color:#e4e1e1;display:block;font-size:1.2rem;font-weight:500;line-height:1.6;margin:auto;max-width:80rem;text-align:center}.about__content-title{color:#fff;font-size:1.5rem;padding:10px;text-align:start}.about__content-details-para{color:#e4e1e1;font-size:1.2rem;font-weight:500;line-height:1.7;margin-bottom:1rem;max-width:60rem;padding:10px;text-align:start}.about__content-title{font-size:1.8rem;font-weight:700;margin-bottom:3rem}.skills{display:flex;flex-wrap:wrap}.skills__skill{background:#9993;border-radius:5px;color:#e4e1e1;font-size:1rem;font-weight:600;margin-bottom:1.5rem;margin-right:1.5rem;padding:.5rem 2rem}.btn--theme{background:#7843e9;color:#fff}.btn--med{font-size:1rem;margin-left:10px;padding:1rem 3rem;position:relative;top:30px}.btn{background:#7843e9;border-radius:5px;box-shadow:0 5px 15px 0 #00000026;color:#fff;display:flex;font-weight:700;letter-spacing:1px;max-width:100px;place-content:center;text-transform:uppercase;transition:transform .3s}.btn:hover{transform:translateY(-3px)}.about-content,.about__content-skills,.heading,.lottie-container{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}@media only screen and (max-width:900px){.sec-pad{padding:5rem 0}.heading-sec__mb-med{margin-bottom:2rem}.btn{display:inline-block}}@media only screen and (max-width:801px){.heading-sec__sub1{padding:0;width:90%}}@media only screen and (max-width:600px){.btn--med{top:0}.main-container{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:repeat(1,1fr)}.heading-sec__main:after{top:calc(100% + 1.2rem)}.about__content-title{font-size:2.4rem}.heading-sec__sub1{padding:0;width:90%}}@media only screen and (max-width:801px){.main-container{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:450px){.about__content-details-para{padding:20px;text-align:center}.about__content-title{margin-bottom:1rem;text-align:center}.skills{padding-left:20px}}@media only screen and (max-width:320px){.about__content-details-para{padding-bottom:50px;padding-left:50px;padding-right:50px}.heading-sec__sub1{padding:0;width:70%}}@media only screen and (max-width:340px){.lottie-container{width:150px}}@media only screen and (max-width:760px){.about-content{padding-left:10px;padding-right:10px}.about__content-skills{padding-left:20px;padding-right:20px}}.projects{background-color:#111827}.pro-container{margin:auto;max-width:120rem;width:92%}.heading-sec__mb-bg{margin-bottom:11rem}.heading-sec__sub{width:80%}.project-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center;padding-left:20px;padding-right:20px;text-align:center}.project{border:1px solid #2b69fb1f;border-radius:2rem;box-shadow:0 0 1rem 1rem #2b69fb0f;margin:0 auto;padding:1rem;position:relative;transition:all .4s ease}.project:hover{background-color:#00000070;border:1px solid #2b69fb66;box-shadow:0 20px 40px #0009;cursor:pointer;transform:translateY(-10px) rotateX(5deg) rotateY(5deg)}.project-wrap{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:auto;overflow:hidden;position:relative;width:100%}.project-img{background-position:top;background-repeat:no-repeat;background-size:100%;border:1px solid #2b69fb1f;border-radius:.8rem;cursor:pointer;display:flex;height:auto;transition:transform .3s ease-in-out;width:100%}.project-paragraph{color:#c9c7c7;font-size:1rem;font-weight:400;line-height:1.7;margin-bottom:3rem}.project-paragraph a{color:#7843e9;cursor:pointer}.project-title{color:#e4e1e1;font-size:1.1rem;font-weight:700;margin-bottom:2rem}.project-text{display:block;text-align:start}.techniques{display:flex;flex-wrap:wrap}.skill{background:#9993;border-radius:5px;color:#666;font-size:1rem;font-weight:600;margin-bottom:1.5rem;margin-right:.5rem;padding:.5rem 1rem}.social-content{display:flex;justify-content:space-between}.social-media{color:#e4e1e1;font-size:30px}.social-btn{text-wrap:nowrap;background:#7843e9;border-radius:5px;box-shadow:0 5px 15px 0 #00000026;color:#fff;display:flex;font-size:1rem;font-weight:700;letter-spacing:1px;max-width:100px;padding:1rem 2rem;place-content:center;text-transform:uppercase;transition:transform .3s}.social-btn:hover{transform:translateY(-3px)}.heading,.project-grid{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}@media only screen and (max-width:900px){.sec-pad{padding:4rem 0}.heading-sec__mb-bg{margin-bottom:8rem}.heading-sec__sub{font-size:1.2rem;padding:0;width:90%}.project-grid{display:grid;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:801px){.heading-sec__main:after{top:calc(100% + 1.2rem)}}@media only screen and (max-width:600px){.project-grid{display:grid;grid-template-columns:repeat(1,1fr)}}.contact{background-color:#0a111b;background-position:50%;background-size:cover}.wrap-container{margin:auto;max-width:120rem;width:92%}.heading-sec__mb-med{margin-bottom:9rem}.heading-sec__main{display:block;font-size:1.5rem;letter-spacing:1px;margin-bottom:3.5rem;position:relative;text-align:center;text-transform:uppercase}.heading-sec__main,.heading-sec__main--lt{color:#fff;font-weight:800}.heading-sec__main:after{background:#7843e9;border-radius:5px;content:"";height:5px;left:50%;position:absolute;top:calc(100% + 1.5rem);transform:translateX(-50%);width:3rem}.heading-sec__main--lt:after{background:#7843e9!important;content:""}.heading-sec__sub--lt{color:#333}.heading-sec__sub{color:#e4e1e1;display:block;font-size:1.2rem;font-weight:500;line-height:1.6;margin:auto;max-width:80rem;text-align:center;width:50%}.contact-container{background-color:#000;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:600px;padding:40px}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px;position:relative}.form-group label{color:#cecbcb;display:block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.form-group input,.form-group textarea{background-color:#111;border:1px solid #7843e9;border-radius:4px;box-sizing:border-box;font-size:16px;outline:none;padding:15px;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb;font-size:14px}.form-group textarea{min-height:150px;resize:none}.contact-button{background:#7843e9;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:15px}.contact-button,.contact__form-input{color:#fff;font-weight:600;width:100%}.contact__form-input{background:#f0f0f0;border:1px solid #ebebeb;border-radius:5px;font-size:1.6rem;letter-spacing:0;padding:2rem}textarea{resize:none}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:20px;text-align:center;width:90%}.modal-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px}.modal-button:hover{background-color:#0056b3}.contact-container,.heading{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.slide-up{opacity:1;transform:translateY(0)}@media (max-width:768px){.modal-content{width:80%}.contact-container{padding:20px}.contact-button{font-size:14px;padding:12px}}@media only screen and (max-width:801px){.heading-sec__mb-med{margin-bottom:8rem}.heading-sec__sub{padding:0;width:90%}}@media only screen and (max-width:600px){.heading-sec__main:after{top:calc(100% + 1.2rem)}.heading-sec__sub{font-size:1rem}}.main-footer{background:#000;color:#fff}.main-container2{margin:auto;max-width:120rem;width:92%}.main-footer__upper{display:flex;justify-content:space-between;padding:2rem 0}.main-footer__row-1{order:2}a{color:inherit;text-decoration:none}.main-footer__icon{margin-right:1rem;width:1.5rem}.main-footer__row-2{max-width:50rem;order:1;width:40%}.heading-sm{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.main-footer__short-desc{color:#eee;font-size:1rem;line-height:1.7;margin-top:2rem}.main-footer__lower{border-top:1px solid #444;color:#eee;font-size:1rem;padding:4rem 0;text-align:left;text-align:center}.main-footer__social-cont{margin-top:2rem}.main-footer__lower a{font-weight:700;margin-left:2px;text-decoration:underline}@media only screen and (max-width:600px){.main-footer__upper{display:block}}@media only screen and (max-width:900px){.main-footer__upper{padding:2rem 0}.main-footer__row-1{margin-bottom:5rem}.main-footer__row-2{width:100%}.main-footer__lower{padding:3.5rem 0}}
/*# sourceMappingURL=main.e98c04e6.css.map*/