@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;600;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#fff;font-family:Poppins,sans-serif;position:relative}.container{max-width:107rem;margin:0 auto;padding:0 4rem}*{scrollbar-width:thin;scrollbar-color:#8e8e8e #fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:20px;background-color:#fff}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background-color:#fff}::-webkit-scrollbar-thumb{border-radius:20px;background-color:#8e8e8e}::-webkit-scrollbar-thumb:hover{background-color:#878787}::-webkit-scrollbar-thumb:active{background-color:#8e8e8e}.mobile-menu{font-size:2.3rem;cursor:pointer;display:none}.mobile-menu:hover{color:#147efb;transition:all .3s}@media (max-width:900px){.mobile-menu{display:flex}}.closed-menu{left:-100%!important}.open-menu{left:0!important}.mobile-nav{display:flex;width:100%;height:100vh;z-index:300;background-color:#fff;position:fixed;top:0;left:0;text-align:center;align-items:center;justify-content:center;transition:all .3s ease-in-out}.mobile-nav span{font-size:3.3rem;position:absolute;top:2rem;right:4rem;cursor:pointer}.mobile-nav span:hover{color:#147efb;transition:all .3s}.mobile-nav ul{display:flex;flex-direction:column;grid-gap:4rem;gap:4rem;font-size:2.3rem;list-style:none}.mobile-nav ul a{color:#000;text-decoration:none;font-weight:500}.mobile-nav ul a:hover{color:#147efb;transition:all .3s}nav{font-size:1.7rem;width:100%;height:auto;padding:25px 40px 25px 50px;display:flex;justify-content:space-between;position:fixed;background-color:#fff;top:0;left:0;box-shadow:0 0 10px rgba(0,0,0,.09);z-index:200;align-items:center}@media (max-width:400px){nav{padding:25px 30px}}nav ul{display:flex;list-style:none;grid-gap:2rem;gap:2rem}nav ul a{color:#2d2e32;text-decoration:none;transition:all .23s;font-weight:600}@media (max-width:900px){nav ul a{display:none}}nav ul a:hover{color:#147efb}.logo{cursor:pointer;color:#2d2e32}.hero{display:flex;flex-direction:column;width:100%;height:100vh;background-color:#f9f9f9;position:relative}@media (max-width:900px){.hero{height:auto;padding:11rem 0}}.hero-main{display:flex;justify-content:center;align-items:center;grid-gap:10rem;gap:10rem;position:relative}@media (max-width:900px){.hero-main{flex-direction:column-reverse;text-align:center;height:auto;grid-gap:3rem;gap:3rem}}.content{display:flex;justify-content:center;align-items:center;height:65rem;grid-gap:10rem;gap:10rem;position:relative}@media (max-width:900px){.content{flex-direction:column;text-align:center;height:auto;grid-gap:3rem;gap:3rem}}@media (min-width:1600px){.content{margin-top:6rem}}@media (min-width:1900px){.content{margin-top:10rem}}.hero-text{display:flex;flex-direction:column;max-width:50rem;position:relative}.hero-text h1{font-size:5.5rem;line-height:1.2;color:#2d2e32;margin-bottom:2rem;margin-top:2rem}@media (max-width:500px){.hero-text h1{font-size:4rem}}.hero-text p{font-size:1.8rem;font-weight:500;color:#767676;font-family:Mulish,sans-serif;line-height:1.6}@media (max-width:900px){.hero-text p{margin-bottom:5rem}}.hero-text span{display:flex;grid-gap:1.3rem;gap:1.3rem;margin:2.5rem 0;cursor:pointer}.hero-text span a{font-size:3rem;color:#2d2e32}@media (max-width:900px){.hero-text span{justify-content:center;margin-top:-2rem;margin-bottom:4rem;grid-gap:1.6rem;gap:1.6rem}}.hero-text span i{transition:all .2s}.hero-text span i:hover{color:#147efb}.hero-text img{position:absolute;width:6rem;top:8.7rem;right:13rem}@media (max-width:900px){.hero-text img{right:3rem}}@media (max-width:500px){.hero-text img{top:6.4rem;right:4rem;width:4.5rem}}@media (max-width:400px){.hero-text img{right:3rem}}@media (max-width:380px){.hero-text img{right:3rem}}@media (max-width:375px){.hero-text img{right:1.7rem}}.hero-img{background-image:url(https://firebasestorage.googleapis.com/v0/b/portfolio-image-storage.appspot.com/o/profile%2FPXL_20230317_103107889.PORTRAIT_2-removebg-preview.png?alt=media&token=1dd78833-fd5b-47d4-8967-31bd3a3e7332);width:35rem;height:35rem;background-size:cover;background-position:50%;background-repeat:no-repeat;border:3px solid #2d2e32;-webkit-animation:morph 8s ease-in-out infinite;animation:morph 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;transition:all 1s ease-in-out}@media (max-width:500px){.hero-img{width:28rem;height:28rem}}@-webkit-keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.skills{display:flex;font-size:1.7rem;color:#767676;align-items:center;position:absolute;bottom:0;left:0}@media (max-width:900px){.skills{position:static;flex-direction:column}}.skills p{margin-right:7rem;padding-right:2rem;border-right:2px solid rgba(45,46,50,.5);font-family:Mulish,sans-serif;font-weight:600;color:#2d2e32}@media (max-width:900px){.skills p{margin-right:0;margin-bottom:3rem;border-bottom:2px solid rgba(45,46,50,.5);border-right:none;padding-right:0;padding-bottom:1rem}}.skills ul{list-style:none;display:flex;flex-wrap:wrap;grid-gap:2.5rem;gap:2.5rem}@media (max-width:900px){.skills ul{justify-content:center}}.skills ul li{width:6.5rem;height:6.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.09);cursor:pointer}.skills ul li img{width:3.4rem;height:auto}.about{background-color:#fff;padding:15rem 0}@media (max-width:1020px){.about{padding:8rem 0}}.about-content{display:grid;grid-template-columns:1fr 1fr;justify-content:center;align-items:center}@media (max-width:1020px){.about-content{grid-template-columns:1fr;text-align:center}}.text-side{padding-right:1.5rem;text-align:justify}@media (max-width:1020px){.text-side{max-width:54rem;margin:0 auto}}@media (max-width:400px){.text-side{padding-right:0}}.text-side span{-webkit-text-decoration:underline #147efb;text-decoration:underline #147efb}.text-side h4{font-size:1.7rem;color:#147efb;text-transform:uppercase;font-weight:700;margin-bottom:1rem}.text-side h3{font-size:2.5rem;font-family:Poppins,sans-serif;line-height:1.4;margin-bottom:2rem;color:#2d2e32}.text-side p{font-size:1.7rem;font-family:Mulish,sans-serif;color:#767676;font-weight:500;line-height:1.5}.img-side{position:relative}.img-side span{width:19rem;height:19rem;position:absolute;background-color:#fff;bottom:-33px;right:33px;border-radius:50%}@media (max-width:1020px){.img-side span{width:17rem;height:17rem;bottom:-3px;right:190px}}@media (max-width:880px){.img-side span{bottom:-3px;right:100px}}@media (max-width:750px){.img-side span{display:none}}.img-side span img{width:19rem;-webkit-animation:rotate 9s linear infinite;animation:rotate 9s linear infinite}@media (max-width:1020px){.img-side span img{width:17rem}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.img-side__main-img{width:41rem;height:35rem;object-fit:contain;border-radius:1.7rem}@media (max-width:1020px){.img-side__main-img{margin-bottom:3.5rem;object-fit:contain}}@media (max-width:460px){.img-side__main-img{width:90%;height:auto;object-fit:contain}}.work-emoji{position:absolute;z-index:10;width:6rem!important;bottom:35px;right:98px}@media (max-width:1020px){.work-emoji{bottom:25px;right:245px}}@media (max-width:880px){.work-emoji{bottom:57px;right:156px}}@media (max-width:750px){.work-emoji{display:none}}.project{background-color:#f9f9f9;padding:15rem 0}@media (max-width:1020px){.project{padding:8rem 0}}.project-content{display:flex;flex-direction:column}@media (max-width:600px){.project-content{text-align:center}}.project-content p{color:#147efb;font-size:1.7rem;text-transform:uppercase;font-weight:700;margin-bottom:1rem}.project-content h3{font-size:2.5rem;color:#2d2e32;margin-bottom:6rem}.projects-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;width:100%;height:auto;grid-gap:5rem;gap:5rem}.projects-grid .pro{display:flex;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:1.7rem}.projects-grid .pro__1{height:40rem;flex-direction:row;padding:2rem;grid-gap:8rem;gap:8rem}@media (max-width:1020px){.projects-grid .pro__1{height:75rem;flex-direction:column!important;grid-gap:3rem;gap:3rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin:0 auto}}@media (max-width:400px){.projects-grid .pro__1{width:100%}}.projects-grid .pro__img{width:53rem;height:auto;border-radius:1.7rem;background-color:hsla(0,0%,46.3%,.2);overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}@media (max-width:650px){.projects-grid .pro__img{width:100%}}.projects-grid .pro__img img{width:100%;height:auto}.projects-grid .pro__text{display:flex;width:30rem;height:auto;flex-direction:column;text-align:start;justify-content:center}@media (max-width:1020px){.projects-grid .pro__text{margin:0 auto}}@media (max-width:400px){.projects-grid .pro__text{width:100%}}.projects-grid .pro__text img{width:7rem;position:absolute;top:-2px;right:-19px}.projects-grid .pro__text h3{font-size:1.7rem;text-transform:uppercase;color:#2d2e32;margin-bottom:2rem;position:relative}.projects-grid .pro__text p{font-size:1.7rem;color:#767676;text-align:justify;text-transform:none;font-weight:500}.stack{display:flex;grid-gap:1rem;gap:1rem;justify-content:start;margin-top:1rem}.stack p{color:#000!important;font-weight:600!important;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:1rem 1.3rem;font-family:Mulish,sans-serif!important;border-radius:12px}.links{justify-content:space-evenly;margin-top:3rem;grid-gap:1rem;gap:1rem}.links,.links a{display:flex;align-items:center}.links a{font-size:1.7rem;color:#2d2e32;font-weight:500;text-decoration:none;grid-gap:5px;gap:5px}.links a i{font-size:2.8rem}.links a .link-icon{font-size:2rem!important}.links a img{width:3.5rem}.links a:hover{color:#147efb;transition:all .3s}.reversed-proj{flex-direction:row-reverse!important}@media (max-width:460px){.container{padding:0 1.7rem}}.contact{background-color:#fff;padding:11rem 0}@media (max-width:1020px){.contact{padding:8rem 0}}.contact__content{display:flex;flex-direction:column}@media (max-width:750px){.contact__title{text-align:center}}.contact__title p{color:#147efb;text-transform:uppercase;font-weight:700;font-size:1.7rem;margin-bottom:1rem}.contact__title h3{color:#2d2e32;font-size:2.5rem}.contact__icons{display:flex;grid-gap:8rem;gap:8rem;flex-wrap:wrap;margin-top:6rem}@media (max-width:750px){.contact__icons{flex-direction:column;grid-gap:5rem;gap:5rem;justify-content:center;text-align:center}}.contact__icon-box{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem}@media (max-width:750px){.contact__icon-box{flex-direction:column}}.contact__icon-box span{background-color:#fff;padding:16px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:50%}.contact__icon-box img{color:#00f;width:24px;height:24px}.contact__icon-box span i{font-size:3rem;color:#147efb}.contact__info{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.contact__info h3{font-size:1.7rem;color:#2d2e32}.contact__info a,.contact__info p{font-size:1.7rem;color:#767676;text-decoration:none;cursor:pointer}.contact__info a:hover,.contact__info p:hover{color:#147efb;transition:all .3s}footer{background-color:#2d2e32;padding:5rem 0;width:100%}footer h3{font-size:1.7rem;color:#fff}.footerc{display:flex;justify-content:space-between;align-items:center}@media (max-width:550px){.footerc{flex-wrap:wrap;justify-content:center;grid-gap:2rem;gap:2rem;text-align:center}}.footerc__socials{display:flex;grid-gap:2rem;gap:2rem}.footerc__socials i{font-size:2.3rem;color:#fff}.footerc__socials i:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .2s ease-in-out}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,code,h1{font-family:Mulish,sans-serif}.top_ui{display:flex}.bg_image,.top_ui{z-index:0;width:100vw;height:100vh}.bg_image{object-fit:cover;position:absolute}.overlay{z-index:1;opacity:.5;width:100vw;height:100vh;background:#000;position:absolute}.user_details{z-index:2;width:30vw;color:#000;opacity:.9;height:100vh;display:flex;background:#fff;align-items:center;flex-direction:column;justify-content:center;margin:0 0 0 70vw}.user_detail_image{z-index:2;width:25vh;height:25vh;color:#fff;align:center;object-fit:cover;justify-content:center}.name{font-size:xx-large}.technology{margin-top:-10px}.icon_flex{display:flex;margin-top:36px}.icon{padding:12px}@media screen and (max-width:800px){.user_details{margin:0;opacity:.9;width:100vw}}.project_ui{display:flex}@media screen and (max-width:800px){.project_ui{flex-direction:column}}.project_details{width:0;flex:1 1;display:flex;flex-direction:column;justify-content:center}.project_image{width:0;flex:1 1;aspect-ration:1.46875}@media screen and (max-width:800px){.project_details{width:100vw;margin:16px}.project_image{width:100vw}}.project_icon{width:64px;height:64px;border-radius:50%}.project_title{display:flex;align:center;align-items:center}.project_name{margin:0 20px;font-size:xx-large}.project_description{color:grey;font-size:large;font-weight:400;margin:20px 5vw 0 0}.techstacks{display:grid;grid-template-columns:auto auto}.techstack{color:grey;font-size:large;font-weight:400}.heading{font-size:6vw;text-align:center;margin-bottom:-20px}@media screen and (max-width:800px){.heading{font-size:8vw}}.subheading{margin-bottom:8px}.review{color:grey;margin-right:5vw;font-style:italic;font-weight:400}.button{color:#000;font-size:16px;cursor:pointer;margin-top:20px;font-weight:700;padding:8px 16px;border-radius:20px;border:2px solid grey;background-color:#fff}// Styling for Small Screen sizes @media screen and(max-width: 800px){.top_ui{z-index:0;width:50vw;height:50vh}.user_details{z-index:2;width:100vw;color:#000;opacity:.9;height:100vh;display:flex;background:#fff;align-items:center;flex-direction:column;justify-content:center}.user_detail_image{z-index:2;width:25vh;height:25vh;color:#fff;align:center;object-fit:cover;justify-content:center}}
/*# sourceMappingURL=main.3fdd588a.chunk.css.map */