.about{background-color:#fff;margin:-4em 2em 0;border-radius:1em 1em 0 0;box-shadow:0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f,0 8px 10px -5px #0003;display:flex;flex-direction:column;align-items:center;padding-bottom:2em;padding-top:3em;position:relative}.about p{margin-top:1em;color:gray}.about .aboutDet{width:100%;display:flex;justify-content:space-around;margin-top:2em;align-items:center}.about .aboutDet .img-container{position:relative;max-width:100%}.about .aboutDet .img-container .pic{width:100%;box-shadow:0 0 10px #00000017;border-radius:1em;height:20em;width:20em}.about .aboutDet .img-container .fullStackCont{position:absolute;bottom:0;right:0}.about .aboutDet .img-container .circleCont{background-color:#fff;border-radius:50%;position:absolute}.about .aboutDet .img-container .circleCont .fullStackCircle{width:10em;animation:rotate 9s linear infinite}.about .aboutDet .img-container .progImg{position:relative;width:6em;right:-2em;bottom:-2em}.about .aboutDet .abtCont{width:60%}.about .aboutDet .abtCont .firSec{display:flex;flex-wrap:wrap;gap:2em}.about .aboutDet .abtCont .firSec .expSec{padding:1em;flex:1;background-color:#fff;border-radius:2rem;border:rgb(53,53,53) .1rem solid;border-color:#a3a3a3;text-align:center}.about .aboutDet .abtCont .firSec .expSec .expLogo{height:2em;width:2em}.about .aboutDet .abtCont .firSec .eduSec{padding:1em;flex:1;background:white;border-radius:2rem;border:rgb(53,53,53) .1rem solid;border-color:#a3a3a3;text-align:center}.about .aboutDet .abtCont .firSec .eduSec .eduLogo{height:1.8em;width:1.8em}.about .lastAboutSec{display:flex;width:100%;margin:4em;align-items:center;justify-content:space-between}.about .lastAboutSec .resumeBtn{margin-left:6em;background:#ffffff;box-shadow:4px 4px #f1ebc5,9px 9px #151515;color:#151515;text-transform:lowercase;border:solid 2px #151515;text-decoration:none;padding:18px 32px;display:inline-flex;align-items:center;font-size:14px;font-weight:700;position:relative;z-index:1;transition:.5s cubic-bezier(.785,.135,.15,.86);cursor:pointer;overflow:hidden;transition-delay:0s!important;text-transform:uppercase!important;letter-spacing:1.5px;font-family:freight-sans-pro,sans-serif}.about .lastAboutSec .resumeBtn:before{position:absolute;content:"";top:0;right:0;width:0%;height:100%;background:#151515;z-index:-1;transition:.5s cubic-bezier(.785,.135,.15,.86)}.about .lastAboutSec .resumeBtn:hover:before{width:100%;left:0;right:unset}.about .lastAboutSec .resumeBtn:hover{box-shadow:0 0 #ffe00b,0 0 #151515;color:#fff}.about .lastAboutSec .techSec{display:flex;align-items:center;margin-left:auto;padding-right:4em}.about .lastAboutSec .techSec h4{border-right:2px solid rgba(45,46,50,.5);font-weight:600;padding-right:2em;font-size:1.3em}.about .lastAboutSec .techSec ul{margin-left:2em;list-style:none;display:flex;gap:2em;flex-wrap:wrap}.about .lastAboutSec .techSec ul li .techImg{width:7em;transform:translateY(0);transition:transform .3s ease-in-out}.about .lastAboutSec .techSec ul li .techImg:hover{cursor:pointer;transform:translateY(-30%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1020px){.about .aboutDet{flex-direction:column}.about .aboutDet .img-container{margin-bottom:2em}.about .aboutDet .abtCont{margin-top:2em}.about .lastAboutSec{flex-direction:column;justify-content:center}.about .lastAboutSec .resumeBtn{margin-left:0}.about .lastAboutSec .techSec{margin-top:2em;flex-direction:column;position:static}.about .lastAboutSec .techSec h4{border-bottom:2px solid rgba(45,46,50,.5);border-right:none;margin-bottom:3rem;margin-right:0;padding-bottom:1rem;padding-right:0}.about .lastAboutSec .techSec ul{justify-content:center}}@media (max-width: 431px){.about .aboutDet .img-container .pic{height:10em;width:10em}.about .aboutDet .img-container .circleCont .fullStackCircle{width:5em}.about .aboutDet .img-container .progImg{position:relative;width:3em;right:-1em;bottom:-1em}.about .aboutDet .abtCont{margin-top:2em}}.contact{background-color:#fff;margin:0 2em;box-shadow:0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f,0 8px 10px -5px #0003;display:flex;flex-direction:column;align-items:center;padding-top:2em;padding-bottom:3em;border-radius:0 0 1em 1em;position:relative}.contact p{margin:1em;color:gray}.contact .concForm{width:40%}.contact .concForm form{display:flex;flex-direction:column;gap:.5em;margin-top:1em}.contact .concForm form h1{font-size:1.5em;font-weight:600}.contact .concForm form input,.contact .concForm form textarea{border:1px solid gray;padding:1em;border-radius:1em;box-shadow:0 16px 24px 2px #00000024}.contact .concForm form button{background-color:#e73939;border:1px solid gray;padding:1em;border-radius:1em;box-shadow:0 16px 24px 2px #00000024;width:9em;color:#fff}.contact .concForm form button:hover{cursor:pointer}@media (max-width: 1020px){.contact .concForm button{width:100%}}.footerSec{width:100%;background-color:#000;margin-top:3em;color:#fff;display:flex;flex-direction:column;align-items:center;padding:2em 0;gap:1em}.footerSec hr{border:none;border-top:1px dotted gray;color:#fff;background-color:#fff;height:1px;width:50%}.footerSec .footerCont{display:flex;align-items:center;font-size:1.3em;gap:1em;color:#fff}.footerSec .footerCont a{color:#fff;transform:translateY(0);transition:transform .3s ease-in-out}.footerSec .footerCont a:hover{cursor:pointer;transform:translateY(-30%)}.home{height:90vh;background-color:#000;display:flex;align-items:center;justify-content:center;gap:40px}.home .leftCont{color:#fff;font-size:60px}.home .leftCont .firstSec,.home .leftCont .secondSec{font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.6),0 0 10px rgba(255,255,255,.6)}.home .leftCont .firstSec span{color:orange;font-weight:bolder;text-shadow:2px 2px 8px rgba(0,0,0,.6),0 0 10px rgba(255,165,0,.6)}.home .leftCont .secondSec span{color:red;font-weight:bolder;text-shadow:2px 2px 8px rgba(0,0,0,.6),0 0 10px rgba(255,0,0,.6)}@media (max-width: 1020px){.home{flex-direction:column;gap:20px;height:auto}.home .leftCont{margin-top:60px;font-size:35px}.home .rightCont Lottie{height:300px;width:300px}}.projectMainContainer{display:flex;gap:2em;background-color:#fff;border-radius:1em;padding:1em;height:25em}.projectMainContainer .projectFirCont{background-color:#75757533;border-radius:1.7em;box-shadow:0 0 10px #0000001a;height:auto;overflow:hidden;width:70%}.projectMainContainer .projectFirCont .projectImage{height:auto;width:100%;transform:translateY(0);transition:transform 10s ease-in-out 0s}.projectMainContainer .projectFirCont .projectImage:hover{transform:translateY(-88%)}.projectMainContainer .projectSecCont{display:flex;flex-direction:column;height:auto;justify-content:center;text-align:center;width:25em}.projectMainContainer .projectSecCont h3{align-items:center;color:#2d2e32;display:flex;font-size:1.3em;justify-content:center;margin-bottom:.5em;position:relative;text-transform:uppercase}.projectMainContainer .projectSecCont p{color:#767676;font-size:1em;font-weight:500;text-align:center;text-transform:none}.projectMainContainer .projectSecCont .techStack{display:flex;gap:1rem;justify-content:center;margin-top:1em}.projectMainContainer .projectSecCont .techStack p{background-color:#fff;box-shadow:0 0 10px #0000001a;color:#000;font-family:Mulish,sans-serif;font-weight:600;padding:1em 1.3em;border-radius:1em}.projectMainContainer .projectSecCont .projLinks{display:flex;gap:1rem;justify-content:space-evenly;margin-top:1em}.projectMainContainer .projectSecCont .projLinks a{color:#2d2e32;font-size:1em;font-weight:500;gap:1em;text-decoration:none}@media (max-width: 1020px){.projectMainContainer{flex-direction:column!important;gap:3em;height:50em!important;margin:0 auto;width:fit-content}.projectMainContainer .projectFirCont{width:100%}.projectSecCont{margin:0 auto}}@media (max-width: 650px){.projectMainContainer .projectFirCont,.projectMainContainer .projectSecCont{width:100%}}@media (max-width: 400px){.projectMainContainer .projectFirCont,.projectMainContainer .projectSecCont{width:100%}}.projects{background-color:#edebeb;margin:0 2em;box-shadow:0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f,0 8px 10px -5px #0003;display:flex;flex-direction:column;align-items:center;padding-bottom:2em;padding-top:3em;position:relative}.projects p{margin-top:1em;color:gray;padding:1em}.projects .projCont{grid-gap:5em;display:grid;gap:5em;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;width:80%;margin-top:1em}nav{width:100%;justify-content:space-between;align-items:center;display:flex;padding:1.5em 15em;position:fixed;top:0;transition:background-color .3s,padding .3s;z-index:100;height:auto}nav h3{color:#fff}nav ul{display:flex;gap:2rem;list-style:none;align-items:center}nav ul li{list-style:none}nav ul li a{color:#fff;font-weight:600;text-decoration:none;transition:color .23s}nav .menuIcon{display:none;color:#fff;font-size:2em}nav .mobileMenu{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;transition:all .3s ease-in-out;width:100%;z-index:300}nav .mobileMenu.openMenu{left:0!important}nav .mobileMenu.closedMenu{left:-100%!important}nav .mobileMenu span{cursor:pointer;font-size:2em;position:absolute;right:4rem;top:2rem}nav .mobileMenu .mobileNavList{display:flex;flex-direction:column;font-size:2.3rem;gap:4rem;list-style:none}nav .mobileMenu .mobileNavList li a{color:#000}.scrolled-nav{background-color:#333;padding:1em 15em;z-index:200;transition:background-color .3s,padding .3s;box-shadow:0 0 10px #00000017}@media (max-width: 1020px){nav{padding:25px 50px}nav ul{display:none}nav .menuIcon{display:flex}.scrolled-nav{padding:25px 50px}}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#eee}
