.emote-preview-container {
    width: 70px;
    height: 70px;
}
.emote-preview-container {
    width: 70px;
    height: 70px;
}

.emote-preview {
    overflow: hidden;
    max-width: 70px;
    max-height: 70px;
    border-radius: 50px!important;
    box-shadow: 0px 0px 5px #000000;
}

/*
~~###Lista de fondos del tubo###~~
https://i.ytimg.com/vi/WFjtyTSA00s/maxresdefault.jpg
https://s22.postimg.cc/xj4hcu5cx/Fondo_del_tubo.jpg
https://images2.imgbox.com/c1/d1/e0BidmfT_o.jpg
https://images2.imgbox.com/1c/5c/eHrsMaKc_o.jpg

https://mismierdasysulogica.blogspot.com/
https://mismierdasysulogica.neocities.org/
https://pastebin.com/HsiR41T6

Guardar fondos del tubo acá
*/

body {
        background-color: black;
	background: url("https://images2.imgbox.com/1c/5c/eHrsMaKc_o.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.navbar, .dropdown-menu /*Color de la barra de navegación */
{background: rgba(0, 0, 51, 0.4)!important;}

/*Cuadro de Chat*/

#chatheader {
	padding: 5px;
	color: #ffffff;
	background: rgba(0, 0, 26, 0.6)!important;
	border: 2px solid rgba(0, 0, 0, 1);
}

#usercount {
	padding-left: 5px;
	/*font-weight: 900;*/
}

#userlist {
    overflow: hidden;
    /*padding: 5px;*/

    background: rgba(0, 0, 26, 0.6)!important;
    border: 2px solid rgba(0, 0, 0, 1);
    border-bottom: none;
    border-right: none;
}

#messagebuffer {
    overflow: auto;
    background: rgba(0, 0, 0, 0.9);

    border: 2px solid rgba(0, 0, 0, 1);
    border-bottom: none;
}

#messagebuffer span {
    -webkit-animation: Init_Span 1s;
    animation: Init_Span 1s;
}

#chatline {
    background: rgba(0, 0, 26, 0.8)!important;
    border: 2px solid rgba(0, 0, 0, 1);
}


/*Botones Varios*/
.channel-emote {
  max-width: 125px;
  max-height: 125px;

  /*border-radius: 50px!important;
  box-shadow: 0px 0px 5px #000000;*/
}

.ext_img img {
    max-width: 120px;
    height: auto;

    border-radius: 5px;
    box-shadow: 0px 0px 5px #ffffff;
}

/*.btn-sm {
    padding: 5px;
}*/

/*MOTD*/
#motdwrap {
    background: rgba(0, 0, 26, 0.8)!important;
}

/*Modal*/
.modal-content {
    background: rgba(0, 0, 13, 0.95)!important;
}









/*Usuarios*/

.userlist_owner {color:#FF0000!important}
.userlist_op {color:#FF0000!important;font-weight:700}
.userlist_item {cursor:pointer; color:#FF0000!important;font-weight:700}
.chat-msg-Byakuya .username {color: #FE6DFF;}
.chat-msg-Sanroxio .username {color: #FF0000;}
.chat-msg-bruwalfas .username {color: #DC143C;}
.chat-msg-Aburriman .username {
    font-size: 14px;
    font-weight: 900;

    color: rgb(0, 0, 0);
    background: rgb(150, 150, 150);

    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;

    margin-right: 5px;
    border-radius: 3px!important;
}
.chat-msg-Yey .username {	font-size: 15px;
	font-family: Georgia, Charcoal, sans-serif;
	color: rgb(255, 0, 0, 0.8);}

.chat-msg-Billberto .username {
	font-size: 16px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	content:"Billberto:";
	color: rgb(255, 255, 0, 0.8);
}
div.chat-msg-Azucar .username {font-size:0px;}
div.chat-msg-Azucar .username:before {
    font-size:14px; content:'ʚ♡⃛ɞ(ू•ᴗ•ू❁): ';
    /*text-shadow: 0 0 3px #ffffff;*/

    -webkit-animation: rainbow 1s infinite;
    animation: rainbow 1s infinite;
}
.chat-msg-Phaser_Nine .username {font-size:0px;}
.chat-msg-Phaser_Nine .username:before {
    font-size: 14px;
    font-weight: 900;

    content:"I'm None:";
    color: rgb(255, 255, 255);
    background: rgb(235, 162, 0);

    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;

    margin-right: 5px;
    border-radius: 3px!important;
}

.chat-msg-MyAnusIsBleeding .username {font-size:0px;}
.chat-msg-MyAnusIsBleeding .username:before {
    font-size: 14px;
    font-weight: 600;

    content:"MiAnoEstáSangrando:";
    color: rgb(200, 200, 200);

    padding-top: 1px;
    padding-bottom: 1px;

    margin-right: 5px;
    border-radius: 3px!important;
}

.chat-msg-Sofia .username {font-size:0px;}
.chat-msg-Sofia .username:before {
    content:"Pi̸st̷iş Sop̀hi̸a̵:";
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    border-radius: 3px!important;
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );

background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );

color:transparent;

-webkit-background-clip: text;

background-clip: text;}









.arcoiris {
-webkit-animation: rainbow 1s infinite;
-ms-animation: rainbow 1s infinite;
-o-animation: rainbow 1s infinite;
animation: rainbow 1s infinite; }

@-webkit-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-ms-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-o-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}

@-webkit-keyframes Init_Span {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-ms-keyframes Init_Span {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-o-keyframes Init_Span {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@keyframes Init_Span {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.area{
	color:#fff;
	text-shadow:0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 15px #FFFFFF, 0 0 20px #FFFFFF, 0 0 30px #FFFFFF, 0 0 40px #FFFFFF, 0 0 55px #FFFFFF, 0 0 75px #FFFFFF
}

.spooky {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
	font: 16px 'ChunkFiveRegular';
}

.sarcasmo {
	font: 14px 'Comic Sans MS';