.navbar{align-items:center;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:120rem;padding:1rem 2rem;position:sticky;top:0;width:100vw;z-index:3}.logo{border-radius:60%;height:20rem;object-fit:cover;width:6rem}.desktopMenu{display:flex}.desktopMenuListItem{color:#fff;cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid blue;color:aqua;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:1rem;color:#000;cursor:pointer;display:flex;justify-content:center;padding:0 rem}.desktopMenuImg{border-radius:60%;height:1rem;margin:.5rem;object-fit:cover;width:1rem}.menu-toggle{background:#0000;border:1px solid #ffffffb3;border-radius:.5rem;color:#fff;cursor:pointer;display:none;padding:.5rem}.mobile-nav{align-items:center;background-color:#000000f2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:4}.mobile-nav.open{transform:translateX(0)}.mobile-nav-links{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;list-style:none;margin:0;padding:0}.mobile-nav-links li{margin:1.5rem 0}.mobile-nav-link{color:#fff;cursor:pointer;font-size:2rem;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{border-bottom:3px solid blue;color:aqua;padding-bottom:.5rem}@media screen and (max-width:768px){.desktopMenu,.desktopMenuBtn{display:none}.menu-toggle{display:block}.logo{height:15rem;width:4.5rem}.navbar{padding:.5rem 1rem}}@media screen and (min-width:769px){.menu-toggle,.mobile-nav{display:none}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:110rem;overflow:hidden;position:relative;width:100vw}.bg{height:100vh;object-fit:cover;position:absolute;right:0;top:-4rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:1rem;width:100vw}.hello{font-size:medium;font-weight:300;letter-spacing:1px}.introName{color:aqua}.introPara{font-size:medium;font-weight:100;letter-spacing:1px}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem 0;padding:.75rem 1.5rem}.btnImg{height:.5rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:840px){.bg{right:-15vw}.introContent{font-size:10vw}.hello{font-size:4.5vw}}@media screen and (max-width:600px){.bg{right:-20vw}}body{background-color:#020222;color:#fff;overflow:hidden;overflow-y:scroll}.about-section{background-color:initial;color:#fff;padding:1rem}.section-title{margin-bottom:2rem}.highlight{color:aqua}.grid-container{margin-bottom:2rem}.grid-container,.grid-container-two{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.card{background-color:#02022d80;border:1px solid #fff3;border-radius:.5rem;padding:1.5rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.card-text{color:#ffffff80;margin-bottom:1.5rem}.code-block{background-color:#010114b3;border:1px solid #fff3;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.code{color:aqua}.project-image-container{background-color:#01011480;border:1px solid #fff3;border-radius:.5rem;height:220px;margin-top:1rem;overflow:hidden;padding:1rem;position:relative}.project-image{inset:0;min-height:100%;min-width:100%;position:absolute}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;text-align:center}.skill-card{background-color:#02023c66;border:1px solid #fff3;border-radius:.5rem;padding:.75rem}.skill-category{color:aqua;font-weight:500;margin-bottom:.5rem}.skill-list{color:#ffffff80;font-size:.875rem;gap:.25rem;list-style:none;margin:0;padding:0}.progress-container,.skill-list{display:flex;flex-direction:column}.progress-container{gap:1rem;margin-bottom:1rem}.progress-item{margin-bottom:.5rem}.progress-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.progress-bar-bg{background-color:#fff3;border-radius:9999px;height:.5rem;width:100%}.progress-bar-fill{background-color:#7fffd4;border-radius:9999px;height:.5rem}@media (min-width:768px){.grid-container{grid-template-columns:repeat(3,1fr)}.grid-container-two{grid-template-columns:repeat(2,1fr)}}.portfolio-section{background-color:#020222;color:#fff;padding:6rem 0}@media (min-width:768px){.portfolio-section{padding:16rem 0}}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.section-title{font-size:3.75rem;font-weight:700;margin-bottom:4rem;text-align:center}.highlight{color:#6ee7b7}.project-list{display:flex;flex-direction:column;gap:2rem}.project-card{background-color:#ffffff0d;border:1px solid #ffffff0d;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 25px 50px -12px #00000040}.project-header{align-items:center;background-color:#0003;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem}.project-title{font-size:2.25rem;font-weight:600}.project-index{align-items:center;display:flex;gap:1rem}.project-number{color:#6ee7b7;font-size:1.875rem;font-weight:300}.chevron-icon{height:1.5rem;transform:rotate(0deg);transition:transform .3s ease;width:1.5rem}.chevron-icon.rotate{transform:rotate(180deg)}.project-details{animation:slideDown .3s ease;background-color:#0003;border:1px solid #ffffff1a;padding:1.5rem}@keyframes slideDown{0%{height:0;opacity:0}to{height:auto;opacity:1}}.project-content{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.project-content{flex-direction:row}}.project-image{border-radius:.5rem;height:16rem;object-fit:cover;width:100%}@media (min-width:768px){.project-image{width:50%}}.project-info{flex:1 1}.project-description{color:#ffffffb3;margin-bottom:1rem}.project-stack{color:#6ee7b7;font-weight:500;margin-bottom:.5rem}.project-type{color:#6ee7b799;font-weight:500;margin-bottom:1rem;text-transform:capitalize}.project-links{align-items:center;display:flex;gap:1rem}.project-link{color:#6ee7b7;font-size:1.25rem;transition:color .3s ease}.project-link:hover{color:#93c5fd}.github-link{color:#a3a3a3}.github-link:hover{color:#d4d4d4}.link-icon{height:1.25rem;width:1.25rem}.stack-section{margin:0 auto;max-width:1200px;padding:96px 0;text-align:center}.section-header{margin-bottom:80px;position:relative}.section-header h2{color:#f1f5f9;font-size:64px;font-weight:700;margin:0}.header-underline{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:2px;bottom:-16px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:96px}.stack-grid{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:32px;overflow-x:auto}.stack-grid,.stack-item{display:flex;justify-content:center}.stack-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 15px #0000001a;flex-direction:column;height:200px;padding:15px;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;width:200px}.stack-item:hover{background-color:#ffffff1a;box-shadow:0 15px 30px #00000026;transform:translateY(-8px)}.stack-icon{color:aqua;margin-bottom:16px;transition:transform .3s ease}.stack-item:hover .stack-icon{transform:scale(1.1)}.stack-name{color:#ffffffb3;font-size:20px;margin:0;transition:color .3s ease}.stack-item:hover .stack-name{color:#ffffffe6}@media (max-width:768px){.stack-section{padding:64px 16px}.section-header h2{font-size:48px}.stack-item{height:160px;width:160px}.stack-icon svg{transform:scale(.8)}}.footer{background-color:#0f172a;color:#f8fafc;padding:60px 0 20px;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}.footer-logo h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0 0 8px}.footer-logo p{color:#ffffffb3;font-size:16px;margin:0}.footer-links{padding-right:20px}.footer-contact h4,.footer-links h4{color:#ffffffe6;font-size:18px;font-weight:600;margin:0 0 20px}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#ffffffb3;position:relative;text-decoration:none;transition:color .3s ease}.footer-links a:after{background-color:#10b981;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:aqua}.footer-links a:hover:after{width:100%}.footer-contact p{align-items:center;color:#ffffffb3;display:flex;margin:0 0 20px}.icon{margin-right:10px}.social-icons{display:flex;gap:15px}.social-icon{align-items:center;background-color:#ffffff0d;border-radius:50%;color:aqua;display:flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-icon:hover{background-color:#ffffff1a;color:#7fffd4;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff0d;padding-top:20px;text-align:center}.copyright p{color:#fff;font-size:14px;margin:0}@media (max-width:768px){.footer-top{flex-direction:column;gap:30px}.footer-contact,.footer-links,.footer-logo{width:100%}}@media (min-width:769px) and (max-width:1024px){.footer-contact,.footer-links,.footer-logo{width:30%}}
/*# sourceMappingURL=main.61a493b4.css.map*/