body { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; } ::-webkit-scrollbar { display: none; } .radio-player { position: relative; top: -145px; left:150px; width:190px; display: flex; align-items: center; gap: 0px; background: none; padding: 20px; } .btn { width: 55px; height: 55x; border: none; background: none; cursor: pointer; } .btn svg { fill: #ff838f; /* Color rosa */ } .volume-bar { display: flex; align-items: center; gap: 1.5px; cursor: pointer; } .volume-bar div { width: 5px; height: 15px; background-color: #ff838f; /* Color rosa */ opacity: 0.5; transition: opacity 0.2s; cursor: pointer; } .volume-bar div.active { opacity: 1; } .container { position:absolute; margin:0 auto; width:450px; height:300px; background-image:url(https://i.postimg.cc/yxQvvDQf/KRIMG.gif); } @keyframes flicker { 0% { opacity: 1; } 4% { opacity: 0.1; } 6% { opacity: 1; } 7% { opacity: 0.1; } 9% { opacity: 1; } 9% { opacity: 0.1; } 10% { opacity: 1; } 98% { opacity: 1; } 100% { opacity: 1; } } #N13 { animation: flicker 5s infinite 1s step-end; } #N24 { animation: flicker 10s infinite 1s step-end; } #N5DOBLE { animation: flicker 15s infinite 1s step-end; } #NOTESIZON { animation: flicker 20s infinite 1s step-end; } #NOTESIZON { animation: flicker 3s infinite 1s step-end; } #KON { animation: flicker 5s infinite 1s step-end; } #0 { animation: flicker 0.5s infinite 1s step-end; } #0{ animation: flicker 2s infinite 1s step-end; }