:root{--bg-color:#0f0f0f;--text-color:#fff;--secondary-text:#a0a0a0;--accent-color:#bf00ff;--secondary-bg:#1c1c1c}[data-theme=light]{--bg-color:#fff;--text-color:#111;--secondary-text:#3b3b3b;--secondary-bg:#f0f0f0;--accent-color:#8b00cc}body,html{height:100%;margin:0;padding:0}body{background-color:#0f0f0f;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:Segoe UI,sans-serif;transition:background-color .3s ease,color .3s ease}.app{flex-direction:column;min-height:100vh}.app,main{display:flex}main{flex:1 1;justify-content:center}.app-container,main{flex-direction:column}.app-container{display:flex;min-height:100vh}.navbar{background-color:#1c1c1c;background-color:var(--secondary-bg);border-bottom:1px solid #bf00ff;border-bottom:1px solid var(--accent-color);justify-content:center;padding:1rem}.nav-links,.navbar{display:flex;position:relative}.nav-links{gap:1rem;list-style:none;margin:0;padding:0}.nav-links a{color:#fff;color:var(--text-color);text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#bf00ff;color:var(--accent-color)}.dropdown{position:relative}.dropdown-label{color:#fff;color:var(--text-color);cursor:pointer;transition:color .3s ease}.dropdown-menu{background-color:#1c1c1c;background-color:var(--secondary-bg);border:1px solid #bf00ff;border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 4px 8px #0000004d;left:50%;list-style:none;margin-top:1.2rem;min-width:180px;padding:.5rem 0;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.dropdown-menu li{padding:.5rem 1rem}.dropdown-menu li a{color:#fff;color:var(--text-color);display:block;text-decoration:none;transition:color .2s}.dropdown-menu li a:hover{color:#bf00ff;color:var(--accent-color)}.content{flex:1 1;padding:2rem}.footer{align-items:center;background-color:#1c1c1c;background-color:var(--secondary-bg);border-top:1px solid #bf00ff;border-top:1px solid var(--accent-color);display:flex;justify-content:center;padding:1rem;position:relative}.footer-text{color:#a0a0a0;color:var(--secondary-text);font-size:.75rem;margin:0 auto;text-align:center}.theme-toggle{background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;font-size:1.25rem;position:absolute;right:1rem;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}.contact,.home,.resume{padding:5rem}.home{align-items:center;display:flex;justify-content:center}.profile-pic{border:3px solid #bf00ff;border:3px solid var(--accent-color);border-radius:50%;height:250px;object-fit:cover;width:250px}.intro-container{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.intro-text{max-width:600px}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.social-button{align-items:center;background-color:#1c1c1c;background-color:var(--secondary-bg);border:1px solid #bf00ff;border:1px solid var(--accent-color);border-radius:9999px;color:#fff;color:var(--text-color);display:flex;justify-content:flex-start;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease;width:150px}.social-button:hover{background-color:#bf00ff;background-color:var(--accent-color);color:#0f0f0f;color:var(--bg-color)}.social-icon{border:none;height:32px;margin-right:.75rem;object-fit:cover;padding:0;width:32px}.icon-transition{transition:transform .3s ease,opacity .3s ease}.icon-transition.show{opacity:1;transform:rotate(0deg)}.icon-transition.hide{opacity:0;pointer-events:none;transform:rotate(90deg)}.icon-transition.rotated{transform:rotate(180deg)}.animated-menu{animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animated-menu-close{animation:slideUp .3s ease forwards}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.animated-dropdown{animation:expandFade .2s ease forwards}@keyframes expandFade{0%{opacity:0;transform:scaleY(0);transform-origin:top}to{opacity:1;transform:scaleY(1)}}.animated-dropdown-close{animation:collapseFade .2s ease forwards}@keyframes collapseFade{0%{opacity:1;transform:scaleY(1);transform-origin:top}to{opacity:0;transform:scaleY(0);transform-origin:top}}.close-button,.hamburger,.mobile-dropdown-label,.mobile-theme{background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;padding:0}.mobile-theme{align-self:center;font-size:1.25rem;margin-top:1.5rem}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}@media (min-width:769px){.mobile-only{display:none}}.mobile-menu{align-items:center;background-color:#0f0f0f;background-color:var(--bg-color);display:flex;flex-direction:column;inset:0;padding-top:1.5rem;position:fixed;transition:background-color .3s ease,color .3s ease;z-index:200}.close-button{margin-bottom:1rem}.mobile-links{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0;text-align:center}.mobile-links a{color:#fff;color:var(--text-color);font-size:1rem;text-decoration:none}.dropdown-label,.mobile-dropdown-label{color:#fff;color:var(--text-color);font-family:inherit;font-size:1rem;transition:color .3s ease}.mobile-inline-dropdown{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:.5rem 0}.mobile-copyright{color:#a0a0a0;color:var(--secondary-text);font-size:.75rem;margin-top:auto;padding:.75rem;text-align:center}
/*# sourceMappingURL=main.b54c941f.css.map*/