*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%;overflow-x:hidden;width:100%}body{font-family:Poppins,Arial,sans-serif}@media (max-width:768px){body{padding-bottom:550px}}:root{--bg-color:#1a1a1a;--text-color:#fff;--section-bg:#2a2a2a;--hover-color:#ffeb3b;--accent-color:#4a90e2}body{background-color:#1a1a1a;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.app,body{padding:20px}.app{margin:0 auto;max-width:1400px}.main-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.5fr 1fr;margin-top:20px}.center-column,.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.center-column>*,.left-column>*,.right-column>*{background-color:#2a2a2a;background-color:var(--section-bg);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.profile-image{border-radius:10px;display:block;height:auto;margin:0 auto;max-width:300px;width:100%}@media (max-width:1024px){.main-content{grid-template-columns:1fr}.center-column,.left-column,.right-column{width:100%}.profile-image{max-width:200px}}section{background-color:#2a2a2a;background-color:var(--section-bg);border-radius:10px;margin-bottom:20px;padding:20px}section h2{border-bottom:2px solid #fff;border-bottom:2px solid var(--text-color);color:#fff;color:var(--text-color);margin-bottom:20px;margin-top:0;padding-bottom:10px}.right-column .tech-stack{flex:1 1;max-height:calc(100vh - 200px);overflow-y:auto}.about-section,.music-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;display:flex;flex-direction:column}.about-section,.music-section,.tech-stack{border-radius:10px;margin-bottom:1.5rem;min-height:200px;padding:1.5rem}nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}nav a{color:#ffeb3b;font-weight:500;text-decoration:none;transition:color .3s ease}nav a:hover{color:#fff}@media (max-width:768px){.header{text-align:center}.header,nav ul{flex-direction:column;gap:1rem}}.about{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a}.about-list{list-style:none;margin:0;padding:0}.about-list li{align-items:center;display:flex;font-size:1.1rem;margin-bottom:1rem}.bullet{font-size:1.2rem;margin-right:.5rem}.about h2,.bullet{color:var(--secondary-color)}.about h2{font-size:1.5rem;margin-bottom:1.5rem}.tech-stack{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;display:flex;flex-direction:column;height:200px;justify-content:center}.tech-icons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));margin-top:1rem;padding:0 1rem}.tech-icon{align-items:center;color:var(--secondary-color);display:flex;font-size:2.5rem;justify-content:center;position:relative;transition:transform .3s ease,color .3s ease}.tech-icon:hover{color:#ffeb3b;transform:translateY(-5px)}.tech-icon:after{background-color:#000c;border-radius:4px;bottom:-30px;color:#fff;content:attr(title);font-size:.8rem;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.tech-icon:hover:after{opacity:1}.tech-icon svg[title=React]{color:#61dafb}.tech-icon svg[title=Python]{color:#3776ab}.tech-icon svg[title=HTML5]{color:#e34f26}.tech-icon svg[title=JavaScript]{color:#f7df1e}.tech-icon svg[title=CSS3]{color:#1572b6}.tech-icon svg[title=Java]{color:#007396}.tech-icon svg[title=Firebase]{color:#ffca28}.tech-icon svg[title="Next.js"]{color:#000}.tech-icon svg[title="Google Maps"]{color:#4285f4}.contact{background-color:#555a41}.contact h2{margin-bottom:2rem;text-align:center}.social-links{gap:2rem;margin-top:1rem}.social-links,.social-links a{display:flex;justify-content:center}.social-links a{align-items:center;color:var(--text-color);height:64px;position:relative;transition:color .3s ease;width:64px}.social-links a svg{height:60px;width:60px}.social-links a:hover{color:var(--hover-color)}.social-links a:before{background-color:#000c;border-radius:4px;bottom:-30px;color:#fff;content:attr(title);font-size:14px;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap}.social-links a:hover:before{opacity:1;visibility:visible}.social-link svg[aria-label=Email]{color:#555a41}.social-link svg[aria-label=LinkedIn]{color:#0077b5}.social-link svg[aria-label=GitHub]{color:#f5f5f5}.personal-interests{background-color:#555a41}.interest-image{border-radius:8px;margin:1rem 0;overflow:hidden;width:100%}.interest-image img{display:block;height:auto;width:100%}.interests-list{list-style:none;margin:0;padding:0}.interests-list h3{border-bottom:1px solid #ffffff1a;color:var(--text-color);cursor:pointer;font-size:1.2rem;margin:0;padding:1rem 0;transition:color .3s ease}.interests-list h3:hover{color:var(--hover-color)}.sports-bar{background-color:#555a41}.sports-container{height:100px;margin-top:1rem;overflow:hidden;position:relative}.sports-updates{animation:scroll-vertical 20s linear infinite;left:0;position:absolute;top:0;width:100%}.update{background-color:#ffffff1a;border-radius:4px;margin:.5rem 0;padding:.5rem;text-align:center}@keyframes scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.sports-container:hover .sports-updates{animation-play-state:paused}.carousel{border-radius:10px;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px}.carousel,.carousel-content{overflow:hidden;position:relative;width:100%}.carousel-content{height:0;padding-bottom:56.25%}.carousel-item{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.carousel-item.gif{object-fit:contain}.carousel-button{background-color:#00000080;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:10px 15px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;z-index:10}.carousel-button:hover{background-color:var(--hover-color);color:#000}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}@media (max-width:768px){.carousel-content{padding-bottom:75%}}.media-section{background-color:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;min-height:0;padding:1.5rem}.media-section h2{color:var(--text-color);font-size:1.5rem;margin:0 0 1rem}.media-buttons{display:flex;flex-direction:column;gap:1rem}.media-button{background-color:#ffffff1a;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:1rem;text-align:left;transition:background-color .3s ease}.media-button:hover{background-color:#fff3}.media-button.active{background-color:var(--secondary-color);color:#fff}.media-button svg{font-size:1.5rem}.media-content{align-items:center;background-color:#ffffff0d;border-radius:8px;display:flex;justify-content:center;margin-top:1.5rem;min-height:200px;padding:1rem}.music-player,.rollercoaster-gif,.sports-gallery{text-align:center;width:100%}.music-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;max-width:400px;padding:20px;width:100%}.music-circle-link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.music-circle{aspect-ratio:1;background-color:var(--section-bg);border:2px solid var(--text-color);border-radius:50%;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,background-color .3s ease;width:100%}.artist-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.music-circle:hover{border-color:var(--hover-color)}.music-circle:hover,.music-circle:hover .artist-image{transform:scale(1.1)}@media (max-width:768px){.media-buttons{flex-direction:row;flex-wrap:wrap}.media-button{flex:1 1;min-width:150px}}.default-message{color:var(--text-color);font-size:1.2rem;font-style:italic;margin:2rem 0;opacity:.8;text-align:center}.projects-page{margin:0 auto;max-width:1200px;padding:2rem}.header{align-items:center;background-color:#8b98b8;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.name{font-family:monospace;font-size:2rem;letter-spacing:2px;margin:0}.name,.nav-link{color:#ffeb3b;font-weight:700}.nav-link{font-size:1.2rem;letter-spacing:1px;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#fff}.projects-title{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.project-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-8px)}.project-card a{color:inherit;display:block;text-decoration:none}.project-image-container{height:200px;overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-card h3{color:#333;font-size:1.4rem;font-weight:600;margin:0;padding:1.2rem;transition:color .3s ease}.project-card:hover h3{color:#555a41}.project-card p{color:#666;font-size:.95rem;line-height:1.5;margin:0;padding:0 1.2rem 1.2rem}.project-card:after{background:linear-gradient(90deg,#555a41,#8b98b8);bottom:0;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.project-card:hover:after{transform:scaleX(1)}@media (max-width:768px){.projects-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.header{flex-direction:column;gap:1rem;text-align:center}.project-image-container{height:180px}}
/*# sourceMappingURL=main.abec81b2.css.map*/