li>img[class^="Voice_avatar"]{ display:none; }

li>img[class^="Voice_avatar"][src*="686606141752606889"]{ display:block; }






img[class^="Voice_avatar"] {

content:url(https://images-ext-1.discordapp.net/external/ZclJ1IfktrAEY7tFgsq09BI37vZkolj4tmzfRvB1jH0/https/tuwatona.neocities.org/Assen%2520mute.png?format=webp&quality=lossless&width=676&height=676);

    height:auto !important;

    width:auto !important;

    border-radius:0% !important;

    filter: brightness(75%);

/*CAMBIA EL BRILLO 50%, SI QUIERES QUE TU IMAGEN ESTE OSCURA CUANDO NO ESTE HABLANDO*/

}



img[class*="Speaking"] {

content:url(https://images-ext-1.discordapp.net/external/_i0eMd3lIM_-S4mnQ4ajJB6hWuOg6UwpMS2vrE0rB9c/https/tuwatona.neocities.org/Assen%2520hablar.png?format=webp&quality=lossless&width=676&height=676);

    border-color:rgba(0,0,0,0) !important;

    position:relative;

     animation: speak-now 0.5s infinite;

    animation-fill-mode:forwards;

    filter: brightness(100%);

}



@keyframes speak-now{

     0% { bottom:0px; }

    50% { bottom:10px; }

    100% { bottom:0px; }

/*Este código de fotogramas clave hace que la imagen rebote ligeramente cuando comienza a hablar usando la animación de hablar ahora definida*/

}



li[class^="Voice_voiceState"]{ position: static; display: inline-grid; }

div.user{ position: absolute; left:40%; bottom:5%; }



body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }