body,html,#root{margin:0;padding:0;height:100%;font-family:Comic Sans MS,cursive,sans-serif;color:#333}h1{font-size:80px}button{cursor:pointer;font-family:inherit;background:#a7d8de;color:#1f3f5b;border:2px solid #5b8ea6;border-radius:12px;padding:12px 28px;font-size:1.25rem;font-weight:800;box-shadow:0 4px 6px #5b8ea666;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;display:flex;align-items:center;gap:10px}button:hover{background:#5b8ea6;color:#e0f0f5;box-shadow:0 6px 12px #5b8ea699;transform:translateY(-3px)}button:active{transform:translateY(0);box-shadow:0 3px 6px #5b8ea64d}.click-effect{position:absolute;width:120px;height:120px;border-radius:50%;pointer-events:none;background:linear-gradient(45deg,white 25%,transparent 25%),linear-gradient(-45deg,white 25%,transparent 25%),linear-gradient(45deg,transparent 75%,white 75%),linear-gradient(-45deg,transparent 75%,white 75%);background-size:60px 60px;background-repeat:no-repeat;animation:clickRipple .5s ease forwards;transform:translate(-50%,-50%);opacity:.8;mix-blend-mode:screen}@keyframes clickRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.name-heading{font-family:Ghibli,serif;font-size:4rem;margin-bottom:2rem;letter-spacing:2px;color:#fff;background-color:#021f02;text-align:center;padding:1rem 8;border-radius:8px}#about-skills-projects{background-color:#d8e7d9;min-height:100vh;padding:2rem;font-family:"'Comic Sans MS', cursive, sans-serif";color:#2e3a3f}#about{display:flex;align-items:center;gap:2rem;margin-bottom:4rem;padding-left:7rem}#about>div{flex:1;text-align:left;max-width:860px;line-height:1.6}#about img{width:250px;height:250px;border-radius:50%;object-fit:cover;flex-shrink:0}#about h2{margin-bottom:1rem;font-size:2rem}#education{margin-bottom:4rem}#education h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}#education>div{margin-bottom:1.5rem}#education h3{font-weight:700;margin-bottom:.25rem;font-size:1.25rem}#education p{margin:.25rem 0}.edu-details{max-width:800px;margin:0 auto 2rem;text-align:center;line-height:1.6}.edu-details .right-text{float:right}.activity-carousel{width:580px;margin:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.activity-slider{display:flex;gap:1rem;scroll-behavior:smooth}.activity-slider::-webkit-scrollbar{height:8px}.activity-slider::-webkit-scrollbar-thumb{background-color:#006400;border-radius:4px}.activity-card{flex:0 0 520px;height:200px;background:#f5f5f5;border:2px solid darkgreen;border-radius:10px;display:flex;justify-content:center;align-items:center;font-weight:700;scroll-snap-align:start;text-align:center}.coming-soon{cursor:pointer;text-decoration:underline;color:#2e3a3f;transition:color .2s ease-in-out}.coming-soon:hover{color:#006400}.section-title{font-size:2rem;margin-bottom:1.5rem;text-align:center;color:#2e3a3f}.skills-group{display:flex;align-items:baseline;margin-bottom:1rem;font-size:1.1rem;line-height:1.6;color:#444;justify-content:center}.skills-group h3{font-weight:700;margin:0;margin-right:.5rem;color:#2e3a3f;white-space:nowrap;text-align:center}.skills-group p{margin:0}.certifications{text-align:center;font-size:1.1rem;line-height:1.6;color:#444}.certifications h3{font-weight:700;margin-bottom:.5rem;color:#2e3a3f}.certifications ul{list-style-type:none;padding:0;margin:0 auto;max-width:600px;font-size:1rem;color:#333}.certifications li{margin-bottom:.6rem}.cert-carousel{max-width:400px;margin:auto;overflow:hidden;position:relative}.cert-slider{display:flex;gap:1rem;padding:1rem 0;overflow-x:auto;scroll-behavior:smooth}.cert-slider::-webkit-scrollbar{height:8px}.cert-slider::-webkit-scrollbar-thumb{background-color:#006400;border-radius:4px}.cert-card{min-width:400px;height:250px;background:#f5f5f5;border:2px solid darkgreen;border-radius:10px;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-weight:700;position:relative}.cert-card img{max-width:100%;max-height:100%;border-radius:8px}.cert-card .overlay{position:absolute;bottom:0;width:100%;background:#006400b3;color:#fff;text-align:center;padding:.5rem;opacity:0;transition:opacity .3s ease;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cert-card:hover .overlay{opacity:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:1rem;border-radius:10px;max-width:80%;max-height:80%;overflow:auto;text-align:center;position:relative}.modal-content img{max-width:100%;max-height:70vh;border-radius:8px}.close-btn{position:absolute;top:.5rem;right:1rem;font-size:2rem;background:transparent;border:none;cursor:pointer}#experience{margin-bottom:4rem}#experience h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.experience-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.experience-card{background:#f5f5f5;border-left:4px solid darkgreen;border-radius:8px;padding:1.2rem;box-shadow:0 2px 6px #0000001a}.experience-card h3{margin:0 0 .5rem;font-size:1.25rem;color:#2e3a3f}.experience-card .at{font-weight:400;font-size:1rem;color:#444}.experience-card .duration{font-style:italic;margin-bottom:.8rem}.experience-card ul{margin:.5rem 0 1rem 1.2rem;line-height:1.6}.experience-card .skills{font-size:.95rem;color:#333}#projects h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}#projects>div{margin-bottom:2rem}#about-skills-projects section{border-bottom:2px solid #264653;padding-bottom:2rem;margin-bottom:2rem}#about-skills-projects section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-card-wrapper{margin-bottom:2rem}.demo-btn{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background-color:#006400;color:#fff;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.demo-btn:hover{background-color:green}