.App{background:linear-gradient(135deg,#f0f4f8,#e1e8ee);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-family:Arial,sans-serif;margin:20px auto;max-width:900px;padding:20px 30px}.App.music-page-shell{background:#0d0c12;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.55);color:#f7f4ee;max-width:1120px;overflow:hidden;padding:0}.App.music-page-shell .header{background:rgba(13,12,18,.88);border-bottom:1px solid hsla(0,0%,100%,.08);flex-direction:row;justify-content:space-between;padding:22px 34px;position:relative;text-align:left;z-index:2}.App.music-page-shell .header-content{margin:0}.App.music-page-shell .headshot-container{height:54px;width:54px}.App.music-page-shell .header-text h1,.App.music-page-shell .header-text p{color:#f7f4ee}.App.music-page-shell .header-text h1{font-size:1.15rem;letter-spacing:-.02em}.App.music-page-shell .header-text p{color:#aaa3b4;font-size:.78rem}.App.music-page-shell .portfolio-button{background:transparent;border:1px solid hsla(0,0%,100%,.22);border-radius:999px;box-shadow:none;color:#f7f4ee;font-size:.72rem;letter-spacing:.08em;padding:10px 16px}.App.music-page-shell .portfolio-button:hover{background:#f7f4ee;border-color:#f7f4ee;color:#0d0c12}.App.music-page-shell .footer{background:#0d0c12;border-radius:0;border-top:1px solid hsla(0,0%,100%,.08);margin:0;padding:28px}.App.music-page-shell .footer a,.App.music-page-shell .footer p{color:#aaa3b4}@media (max-width:768px){.App.music-page-shell{border:0;border-radius:0;box-sizing:border-box;margin:0;width:100%}.App.music-page-shell .header{flex-direction:column;gap:18px;padding:20px;text-align:center}.App.music-page-shell .header-content{flex-direction:row;justify-content:center;margin:0}.App.music-page-shell .headshot-container-mobile{flex:0 0 58px;height:58px;width:58px}.App.music-page-shell .header-text{align-items:flex-start;text-align:left;width:auto}}section{margin-bottom:30px}.route-loading{min-height:988px}h2{animation:fadeIn 1s ease-out;border-bottom:2px solid #333;padding-bottom:10px}ul{list-style-type:none;padding-left:0}.header{align-items:center;background-color:#f5f5f5;border-bottom:2px solid #ddd;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;transition:opacity .3s ease}.header h1{animation:fadeIn 1s ease-out;font-size:2.5rem;margin:0}.header p{color:#555;font-size:1.2rem;margin-top:5px}.social-icons{bottom:-20px;display:flex;gap:15px;left:50%;position:absolute;transform:translateX(-50%)}.icon{color:#333;font-size:2rem;transition:transform .3s ease-in-out}.icon:hover{transform:translateY(-10px)}.icon.github:hover{color:#333}.icon.linkedin:hover{color:#0077b5}.icon.twitter:hover{color:#1da1f2}.portfolio-button{background:linear-gradient(135deg,#fff,#ccc);border:2px solid #444;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#333;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;position:relative;text-decoration:none;transition:all .3s ease-in-out}.portfolio-button:hover{background:#e6e6e6;border-color:#000;box-shadow:0 6px 20px rgba(0,0,0,.4);color:#000}.portfolio-text{animation:none;letter-spacing:1px;text-transform:uppercase}.music-button{background:linear-gradient(135deg,#ff007f,#7f00ff);border:none;border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;text-decoration:none;transition:all .3s ease-in-out;z-index:1}.music-button:before{background:radial-gradient(circle,hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 70%);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .5s ease-in-out;width:100%;z-index:-1}.music-button:hover{box-shadow:0 6px 20px rgba(127,0,255,.5);transform:scale(1.05)}.music-button:hover:before{transform:scale(4)}.music-text{animation:text-flicker 2s infinite alternate}@keyframes text-flicker{0%{text-shadow:0 0 5px #fff,0 0 15px #ff007f,0 0 20px #7f00ff}to{text-shadow:0 0 10px #fff,0 0 20px #ff007f,0 0 30px #7f00ff}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.header-content{align-items:center;display:flex;gap:20px;margin-bottom:15px}.headshot-container{border-radius:50%;height:120px;overflow:hidden;transition:transform .3s ease;width:120px}.headshot-container-mobile{width:120px}.headshot{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header-text{align-items:flex-start;display:flex;flex-direction:column}.header-text h1{color:#333;font-size:1.8rem;font-weight:700;margin:0}.header-text p{color:#666;font-size:1rem;margin:5px 0 0}.navigation{display:flex;gap:15px}button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 15px;transition:background-color .3s ease,transform .3s ease}button:hover{transform:translateY(-2px)}.headshot.hidden{display:none}.headshot-container,.headshot-container-mobile{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.header{padding:24px 20px 28px}.header-content{flex-direction:column;gap:12px;margin-bottom:22px;width:100%}.headshot-container-mobile{border-radius:50%;box-shadow:0 5px 16px rgba(0,0,0,.16);height:96px;overflow:hidden;width:96px}.header-text{align-items:center;text-align:center;width:100%}.header h1{font-size:clamp(1.65rem,8vw,2rem);line-height:1.15;max-width:100%}.header p{font-size:1rem;line-height:1.35;margin:4px 0 0}.navigation{justify-content:center;width:100%}.music-button,.portfolio-button{box-sizing:border-box;font-size:1rem;line-height:1.25;padding:14px 18px;text-align:center;width:min(100%,330px)}}.footer{background-color:#f4f4f4;border-radius:8px;margin-top:40px;padding:20px 0;text-align:center}.footer p{color:#555;font-size:1rem}.footer a{color:#333;font-weight:700;margin:0 10px;text-decoration:none}.footer a:hover{text-decoration:underline}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .5s ease-out}body.music-page{background-color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ab6cd9a1.css.map*/