.navbar{background:#1e1e1e;cursor:pointer;height:80px;padding:10px;width:100%}.navbar .menu-items{align-items:flex-start;display:flex;flex-direction:row}.navbar .menu-items .menu-list-item{margin:0 13px}.navbar .menu-items .menu-list-item:hover{border-bottom:3px solid #dbd6d6;color:#dbd6d6;padding-bottom:8px}.navbar .menu-icon{position:absolute;right:10px;top:10px}.active{border-bottom:3px solid #dbd6d6;color:#dbd6d6;padding-bottom:8px}.active-menu-icon{border-bottom:3px solid #12f7ff;color:#12f7ff;padding-bottom:5px}.footer-wrapper{align-items:center;bottom:0;display:flex;height:30px;justify-content:center;left:0;position:fixed;width:100%}.footer-para{font-size:12px;font-weight:300}.home-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}@media (max-width:768px){.home-wrapper{display:inline;display:initial;flex-direction:column}}.home-text-container{display:flex;flex-direction:column;margin-left:15px;text-align:left;width:100%}@media (max-width:768px){.home-text-container{height:300px;margin-left:15;text-align:center;width:100%}}.text-hello{font-size:35px;font-weight:300;text-align:left}@media (max-width:768px){.text-hello{font-size:24px}}.home-title{font-size:95px;font-weight:800;overflow:hidden;text-align:left;white-space:pre-line}@media (max-width:768px){.home-title{font-size:60px}}.role-title-color{color:#12f7ff}.home-image-container{display:flex;height:330px;text-align:right;width:380px}@media (max-width:768px){.home-image-container{height:300px;justify-content:center;text-align:center;width:300px}}.home-image{border-radius:50%;height:320px;margin-right:80px;width:340px}@media (max-width:768px){.home-image{border-radius:50%;margin-right:0;max-height:150px;width:150px}}.menu-content{display:flex;flex-direction:column;height:calc(100vh - 110px);overflow:hidden;overflow-y:scroll;position:relative}.section-container{align-items:center;justify-content:center;min-height:100vh;overflow:hidden;width:100%}.about-wrapper{display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;width:100%}@media (max-width:768px){.about-wrapper{align-items:center;justify-content:normal!important}}.aboutPara{font-size:20px;font-weight:400;letter-spacing:.2px;line-height:1.6;max-width:700px;padding:5px 0}@media (max-width:768px){.aboutPara{font-size:20px}}.section-title{align-items:center;display:flex;font-size:90px;font-weight:700;justify-content:center;padding:25px 0}@media (max-width:768px){.section-title{font-size:55px;padding:10px 0}}.pink-title{color:#12f7ff}.skills-wrapper{display:flex;flex-direction:column}.skills-icons{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(5,1fr);justify-content:center;padding-bottom:32px;padding-top:32px;text-align:center;width:100%}@media (max-width:768px){.skills-icons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);justify-content:center;padding-top:16px;text-align:center;width:100%}}.icon{cursor:pointer;margin:0 auto;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:80px}@media (max-width:768px){.icon{width:60px}}.icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.icon-para{font-size:17px;font-weight:500;opacity:0;transition:opacity .3s ease}@media (max-width:768px){.icon-para{font-size:14px;opacity:1}}.icon-and-text:hover .icon-para{opacity:1}.projects-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media (max-width:768px){.projects-wrapper{padding:10px}}.all-projects-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width:768px){.all-projects-container{align-items:center;flex-direction:column}}.project-container{align-items:center;background:rgba(85,79,79,.58);border-radius:17px;box-shadow:12px 17px 51px rgba(0,0,0,.22);cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .5s;width:290px}@media (max-width:768px){.project-container{height:auto;margin:10px auto;max-width:300px;width:100%}}.project-container:hover{border:1px solid #fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.project-container:active{-webkit-transform:scale(.95);transform:scale(.95)}.project-img-container{align-items:center;display:flex;height:150px;justify-content:center;width:150px}@media (max-width:768px){.project-img-container{height:100px;width:100px}}.project-img{border:1.5px solid #dbd6d6;border-radius:10px;height:150px;opacity:1;width:150px}@media (max-width:768px){.project-img{height:100px;width:100px}}.project-subtitle{color:#dbd6d6;font-size:20px;font-weight:700;margin:5px}@media (max-width:768px){.project-subtitle{font-size:16px}}.project-para{color:#fff;font-size:15px;font-weight:400;height:auto;justify-content:center;text-align:center;width:280px}@media (max-width:768px){.project-para{font-size:14px;width:100%}}.btn-container{flex-direction:row;justify-content:center;margin-top:10px}@media (max-width:768px){.btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center}}.btn{border-color:#dbd6d6;border-radius:32px;color:#12f7ff;font-weight:600;margin-right:10px;padding:15px;width:120px}@media (max-width:768px){.btn{font-size:12px;margin:5px 0;padding:10px;width:100px}}.btn-color-1,.btn-color-2{border:1.6px solid #dbd6d6}.btn-color-1:hover,.btn-color-2:hover{background:#12f7ff;color:#fff;cursor:pointer}.card{background:rgba(85,79,79,.58);border-radius:17px;box-shadow:12px 17px 51px rgba(0,0,0,.22);height:330px;overflow:hidden;position:relative;transition:all .4s;width:290px}.card:hover{background:rgba(85,79,79,.75)}.card:hover .first-content{height:0;opacity:0}.card:hover .second-content{height:100%;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.first-content{height:100%;opacity:1}.first-content,.second-content{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:all .4s ease-in-out;width:100%}.second-content{background:rgba(85,79,79,.9);color:#fff;height:0;left:0;opacity:0;position:absolute;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tech-stack-title{font-size:1.5rem;margin-bottom:10px}@media (max-width:768px){.tech-stack-title{font-size:1.2rem}}.tech-stack-list{list-style:none;padding:0}.tech-stack-list .tech-stack-item{color:#dbd6d6;font-size:1rem;margin:5px 0}@media (max-width:768px){.tech-stack-list .tech-stack-item{font-size:.9rem}}.contact-wrapper{display:flex;flex-direction:column}@media (max-width:768px){.contact-wrapper{padding:20px}}.links-container{align-items:center;display:flex;flex-direction:row;justify-content:center}@media (max-width:768px){.links-container{align-items:center;flex-direction:column}}.link-image{height:80px;margin:15px;width:80px}@media (max-width:768px){.link-image{height:60px;margin:10px;width:60px}}.link-image:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.app-warpper{background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100%}*{background:transparent;box-sizing:border-box;font-family:Poiret One,sans-serif;margin:0;padding:0;text-decoration:none}body{background:#1e1e1e;color:#fff;overflow:hidden}body,html{height:100%;width:100%}html{scroll-behavior:smooth}.root{height:100%;width:100%}::-webkit-scrollbar{border-radius:5px;width:4px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.eb180f60.css.map*/