body{margin:0;padding:0}.root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#000}.main-div{display:flex;gap:20px;align-items:stretch;max-width:900px;width:100%}.name-description{display:flex;flex-direction:column;justify-content:center;max-width:600px}.my-name{margin:0;color:#fff}.name-description h3{margin:5px 0 15px;color:#aaa}.name-description h5{margin:0;line-height:1.5;color:#ccc;font-size:14px}@media(max-width:768px){.main-div{flex-direction:column;align-items:center}.name-description{align-items:center;text-align:center}}.mini-player{position:fixed;bottom:20px;right:20px;width:200px;opacity:.8}.image-wrapper{display:flex;align-items:center;flex-shrink:0}.my-image{width:200px;max-width:100%;height:auto;max-height:100%;object-fit:cover;border-radius:5px}.glitch{position:relative;overflow:hidden}.glitch img{position:relative;z-index:1;display:block}.glitch__layers{position:absolute;z-index:2;inset:0}.glitch__layer{position:absolute;inset:0;background-image:url(/assets/pic1-TwWXvm8j.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.glitch__layer:nth-child(1){transform:translate(-5%);animation:glitch-anim-1 2s infinite linear alternate}.glitch__layer:nth-child(2){transform:translate(3%) translateY(3%);animation:glitch-anim-2 2.3s -.8s infinite linear alternate}.glitch__layer:nth-child(3){transform:translate(5%);animation:glitch-anim-flash 1s infinite linear}@keyframes glitch-anim-1{0%{clip-path:polygon(0 0%,100% 0%,100% 5%,0 5%)}10%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}20%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}30%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}40%{clip-path:polygon(0 35%,100% 35%,100% 35%,0 35%)}50%{clip-path:polygon(0 45%,100% 45%,100% 46%,0 46%)}60%{clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)}70%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}80%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}90%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}to{clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%)}15%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}25%{clip-path:polygon(0 8%,100% 8%,100% 20%,0 20%)}30%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}45%{clip-path:polygon(0 45%,100% 45%,100% 45%,0 45%)}50%{clip-path:polygon(0 50%,100% 50%,100% 57%,0 57%)}65%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}75%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}80%{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%)}95%{clip-path:polygon(0 45%,100% 45%,100% 60%,0 60%)}to{clip-path:polygon(0 11%,100% 11%,100% 15%,0 15%)}}@keyframes glitch-anim-flash{0%{opacity:.2}30%,to{opacity:0}}@media(max-width:768px){.image-wrapper{margin-bottom:20px}}.music-button{position:fixed;top:25px;right:25px;width:65px;height:65px;border-radius:50%;border:2px solid #0f3d0f;background:#0b0f0b;color:#0f6;font-size:26px;cursor:pointer;transition:all .4s ease;box-shadow:0 0 10px #001a00;display:flex;align-items:center;justify-content:center;z-index:999}.music-button:hover{transform:scale(1.1);box-shadow:0 0 15px #0f6}.music-button.playing{background:radial-gradient(circle,#001a00,#000);color:#0f6;border:2px solid #00ff66;box-shadow:0 0 10px #0f6,0 0 20px #0f6,0 0 40px #030;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 10px #0f6,0 0 20px #030}50%{box-shadow:0 0 20px #0f6,0 0 40px #0f6}to{box-shadow:0 0 10px #0f6,0 0 20px #030}}