html,body{width:100%;max-width:100%;overflow-x:hidden}body{color:#e0e0e0;overscroll-behavior-x:none;touch-action:pan-y;background-color:#121212;margin:0;font-family:Poppins,sans-serif}.container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;display:flex}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.song-container-left{background-color:#333;border-radius:8px;justify-content:center;gap:20px;width:100%;max-width:1200px;margin:0 auto 100px;padding:30px;display:flex}.song-container-right{background-color:#222;border-radius:8px;justify-content:center;gap:20px;width:100%;max-width:1200px;margin:0 auto 100px;padding:30px;display:flex}.song-image{object-fit:contain;border-radius:8px;width:50%;min-width:120px;max-width:500px;height:auto}.song-text{width:50%;min-width:120px;max-width:500px;padding:20px}.song-text h1{margin:0 0 10px;font-size:4rem}.song-text h4{margin:0 0 5px;font-size:3rem}.song-text p{margin:0;font-size:2rem}@media (max-width:1366px){.song-container-left,.song-container-right{max-width:90%;margin-bottom:60px;padding:25px}.song-image,.song-text{max-width:350px}}@media (max-width:768px){.song-container-left,.song-container-right{margin-bottom:50px;padding:20px}.song-text h1{font-size:2rem}.song-text h4{font-size:1.25rem}}@media (max-width:576px){.song-container-left,.song-container-right{text-align:center;flex-direction:column;align-items:center;width:calc(100% - 30px);margin-bottom:40px;padding:15px}.song-image{width:80%;max-width:300px;margin-bottom:0}.song-text{width:100%;padding:10px}.song-text h1{font-size:1.75rem}.song-text h4{font-size:1.125rem}.song-text p{font-size:1rem}}.song-container-left,.song-container-right{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(0)}.song-container-left{transform:translate(-20px)translateY(0)}.song-container-right{transform:translate(20px)translateY(0)}.song-container-left.visible,.song-container-right.visible{opacity:1;transform:translate(0)translateY(0)}.home-container{text-align:center;margin:235px 0 285px;font-size:30px}@media (max-width:768px){.home-container{margin:175px 0;font-size:20px}}.about-container{border-radius:8px;max-width:1200px;margin:40px auto;padding:20px;box-shadow:0 4px 8px #0000001a}.about-title{text-align:center;color:#e0e0e0;margin-bottom:100px;font-size:4rem}.about-content{grid-template-columns:1fr 1fr;gap:30px;display:grid}.section{background-color:#333;border-radius:8px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 5px #0000001a}.section:hover{transform:translateY(-10px);box-shadow:0 5px 15px #0000001a}.section-title{color:#e0e0e0;margin-bottom:10px;font-size:1.8rem;transition:color .3s}.section-description{color:#b8b8b8;font-size:1rem}.tech-list{padding-left:0;list-style-type:none}.tech-item{color:#b8b8b8;margin-bottom:8px;font-size:1.2rem;transition:color .3s}@media (max-width:768px){.about-content{grid-template-columns:1fr}.about-title{font-size:2rem}.section-title{font-size:1.6rem}.section-description{font-size:.9rem}.tech-item{font-size:1rem}}.gold{background:linear-gradient(135deg,#fff1a8,gold,#b8860b);-webkit-text-fill-color:#0000;text-shadow:0 0 6px #ffd70080,0 0 14px #ffd70059;-webkit-background-clip:text}.silver{background:linear-gradient(135deg,#fff,#cfd3d6,#8e8e8e);-webkit-text-fill-color:#0000;text-shadow:0 0 6px #c8c8c873,0 0 12px #c8c8c84d;-webkit-background-clip:text}.bronze{background:linear-gradient(135deg,#ffd6a0,#cd7f32,#8c4a1f);-webkit-text-fill-color:#0000;text-shadow:0 0 6px #cd7f3273,0 0 12px #cd7f324d;-webkit-background-clip:text}