*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f5f5f5;color:#333;font-family:Arial,sans-serif}body{font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#222;font-weight:700;margin:.5em 0}p{margin-bottom:1em}a{color:#007bff;text-decoration:none}a:hover{color:#0056b3}.container{margin:0 auto;max-width:1200px;padding:0 1rem}body{background-color:#000;color:#fff}.section{background-color:#0a0a0a;color:#fff}.footer,.header{background-color:#111;color:#fff;text-shadow:0 0 8px #ff017d}body,html{background-attachment:fixed;background-color:#000;background-image:url(/portfolio/static/media/tree_speakers.1389aa2f59f540cf0cc5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Orbitron,sans-serif;margin:0}.app-container,body,html{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:1rem 2rem}.spacer{flex-grow:20em}.header{flex-wrap:wrap;font-size:1.5rem;justify-content:space-between;position:sticky;text-transform:uppercase;top:0;z-index:20}.footer,.header{align-items:center;background-color:#333;color:#fff;display:flex;padding:1rem}.footer{flex-direction:column;gap:1rem;text-align:center;width:100%}.social-links{display:flex;gap:1.5rem}.footer p{font-size:.9rem}.spacer{flex:1 1}.header h1{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(1.5rem,2vw + 1rem,3rem);margin:0;padding:0;text-align:left}.logo{height:auto;margin-left:.5em;object-fit:contain;width:clamp(20px,4vw,50px)}.main-title{margin-right:2em}.main-title,.second-line{align-items:center;white-space:nowrap}.second-line{display:flex;flex-basis:100%;margin-top:.2em;text-align:right}.small-logo{display:none;height:auto;margin-left:12px;margin-right:2em;width:30px}@media (max-width:768px){.logo,.small-logo{display:inline}}.nav-links{display:flex;flex-wrap:wrap;gap:1rem;margin:.5rem 0}.nav-links a{color:#ff007f;font-weight:700;margin:0 .5rem;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#7209b7}.footer{gap:1.5rem;justify-content:center}.footer p{margin:0}.social-links a{color:#ff007f;margin:0 1.5rem;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#7209b7}.section{align-items:center;background:linear-gradient(135deg,#1a1a2e,#3a0ca3,#7209b7,#560bad,#1a1a2e);border:1px solid #0000;border-image:linear-gradient(45deg,#ff007f,#0ef) 1;box-shadow:0 0 10px #00eeff4d;color:#d4d4dc;display:flex;font-size:1rem;height:150px;justify-content:center;margin:1rem auto;padding:1rem;text-align:center;transition:all .4s ease;width:150px}.section.expanded{font-size:1.2rem;height:70vh;overflow:auto;padding:1.5rem;width:80vw}.section.active,.section.expanded{box-shadow:0 0 25px #0ef9,0 0 35px #ff007f66}.section.active{background:linear-gradient(135deg,#1a1a2e,#7209b7,#00ff1a,#3a0ca3,#1a1a2e);border-width:15px}.section-indicator{background-color:#ff007f;border-radius:50%;box-shadow:0 0 10px #ff007f,0 0 20px #ff007f;height:10px;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .3s ease;width:10px}.section.active .section-indicator{opacity:1}#music{animation:gradient-animation 14s ease infinite;background:linear-gradient(135deg,#0d0d1d,#3a0ca3,#a00dad,#2b2b48,#0d0d1d)}#business{animation:gradient-animation 16s ease infinite;background:linear-gradient(135deg,#1a1a2e,#560bad,#2c9cdc,#3b0f68,#1a1a2e)}#projects{animation:gradient-animation 18s ease infinite;background:linear-gradient(135deg,#1a1a2e,#3b0f68,#86019d,#4b0d5b,#1a1a2e)}#about{animation:gradient-animation 20s ease infinite;background:linear-gradient(135deg,#1a1a2e,#8c0b93,#6f00ff,#3b0f68,#1a1a2e)}.section h2{color:#ff007f;font-size:2.5rem;text-shadow:0 0 8px #ff007f,0 0 16px #ff007f,0 0 24px #ff007f;transition:color .3s,text-shadow .3s}.section h2:hover{color:#7209b7;text-shadow:0 0 10px #7209b7,0 0 20px #7209b7,0 0 30px #7209b7}.section p{color:#ccc;text-shadow:0 0 3px #888}.close-button{border:1px solid #ff007f;border-radius:4px;font-size:1.2rem;left:20px;padding:.2rem .5rem;transition:color .3s ease,background-color .3s ease}.close-button:hover{border-color:#7209b7}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.header h1{font-size:5vw}}@media (max-width:480px){.header h1{font-size:6vw}.nav-links{justify-content:center}.nav-links a{font-size:.9rem;margin:0 .5rem}}body{background:radial-gradient(circle,#1a1a2e,#000,#00002f);background-attachment:fixed;background-image:url(/portfolio/static/media/tree_speakers.1389aa2f59f540cf0cc5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#d4d4dc;font-family:Orbitron,sans-serif;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}.react_logo{height:auto;margin-left:5px;opacity:.5;vertical-align:middle;width:28px}.section.expanded{background:linear-gradient(135deg,#0d0d1d,#3a0ca3,#6a0dad,#2b2b48,#0d0d1d);box-sizing:border-box;padding:100px}.music-content{align-items:center;background-color:#000000d9;border-radius:10px;box-shadow:0 0 20px #00eeff4d;display:flex;flex-direction:column;justify-content:center;max-width:800px;padding:20px;text-align:center;width:100%}.music-content p{color:#ff007f;font-size:1.2rem;margin-bottom:1rem}.music-content iframe{border-radius:12px;box-shadow:0 0 15px #00eeff4d;transition:box-shadow .3s ease}.music-content iframe:hover{box-shadow:0 0 20px #ff007f,0 0 30px #7209b7}.close-button{right:20px;top:20px}.neon-blue{color:#0ef!important;text-shadow:0 0 5px #0ef,0 0 10px #0ef,0 0 15px #0ef,0 0 20px #00f}.section{cursor:pointer;transition:all .5s ease}.section.expanded{align-items:center;background:linear-gradient(135deg,#0a0a2e,#1f1f5a,#337);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:100}.business-content h2{color:#ff007f;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px #ff007f,0 0 20px #7209b7;transition:color .3s ease,text-shadow .3s ease}.business-content h2:hover{color:#7209b7;text-shadow:0 0 15px #7209b7,0 0 25px #ff007f}.skills-list{color:#d4d4dc;font-size:1.2rem;list-style-type:none;margin-top:1rem;padding:0}.skills-list li{margin:.5rem 0;padding-left:1rem;position:relative}.skills-list li:before{color:#ff007f;content:"•";font-size:1.5rem;left:0;position:absolute;top:0}.skills-list li:hover{color:#ff007f;transform:scale(1.05);transition:color .3s ease,transform .2s ease}.portfolio-link{border:1px solid #ff007f;border-radius:5px;color:#ff007f;display:inline-block;font-weight:700;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.portfolio-link:hover{background-color:#ff007f;color:#fff}.portfolio-modal{align-items:center;background-color:#000000e6;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:1000}.portfolio-content{background-color:#000000d9;border-radius:10px;box-shadow:0 0 20px #00eeff4d;max-width:800px;padding:20px;text-align:center;width:90%}.project-scroll{display:flex;flex-direction:column;gap:1.5rem;max-height:60vh;overflow-y:auto;padding:20px 0}.project-card{background-color:#1a1a2e;border-radius:8px;box-shadow:0 0 10px #0ef3;color:#d4d4dc;padding:1.5rem;transition:box-shadow .3s ease}.project-card h3{color:#ff007f}.project-card p{color:#aaa;font-size:1rem}.project-card a{color:#0ef;text-decoration:underline;transition:color .3s}.project-card a:hover{color:#ff007f}.about-modal{align-items:center;animation:fadeIn .5s ease;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.stars{animation:twinkle 2s infinite alternate;background:radial-gradient(circle,#fffc 2px,#0000 3px) repeat;background-size:3px 3px;z-index:-1}.stars,.stars:after,.stars:before{height:100%;left:0;position:absolute;top:0;width:100%}.stars:after,.stars:before{animation:twinkle 3s infinite alternate;background:inherit;content:""}.stars:before{animation-duration:3s;background-size:2px 2px}.stars:after{animation-duration:4s;background-size:1px 1px;opacity:.6}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.about-content{background:#1a1a2e;border-radius:10px;color:#d4d4dc;max-width:600px;padding:2rem;position:relative;text-align:center;width:90%;z-index:1}.contact-modal{align-items:center;animation:fadeIn .5s ease;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.contact-content{background:#1a1a2e;border-radius:10px;color:#d4d4dc;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%}.contact-content a{color:#ff007f;text-decoration:none;transition:color .3s ease}.contact-content a:hover{color:#7209b7}.close-button{background:none;border:none;color:#ff007f;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px;transition:color .3s ease}.close-button:hover{color:#7209b7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.06b1c421.css.map*/