html {
    background-color: #18181b;
}

body{
    background-image: url("../images/Twitch-Logo-36-tilt-dark.png");
    background-size: 150px;
}


.small-pb {
    display: inline-block;
    height: 4em;
    width: auto;
    margin: 0 2px;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    margin-top: auto;
}


.message {
    background-color: #333838;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
}

.header {
    color: #ffffff;
    padding: 8px;
}

.content {
    padding: 16px;
}

.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 12px;
}

.username {
    color: #7289da;
    font-weight: bold;
    font-size: 18px;
}


.img-container{
    position: relative;
}

.count{
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-shadow: black 1px 0 6px;
    background-color: grey;
    border-radius: 15px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    rotate: -45deg;
}

.small-count{
    position: absolute;
    bottom: -11px;
    right: -9px;
    text-shadow: black 1px 0 6px;
    background-color: grey;
    border-radius: 15px;
    color: white;
    font-size: x-small;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
}


.fill-background {
    text-align: center;
    color: #000;
    font-size: x-large;
    /*background-color: #c8c8c8;*/
    border: 0.5rem;
    padding: 1rem;
}

#message{
    min-height: 300px;
    max-height: 500px;
}

.bg-twitch{
/*   background-color: #18181b;*/
   background-color: #1f1f23;
}

.bg-twitch-chat{
    background-color: #18181b;
}

.bg-dark:hover{
    background-color: #3D3D40 !important;
}

.user-card{
    min-height: 42px;
}

.blurred{
    color: black;
    background-color: black;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.actual-blurred{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

button.viewer {
    border: none;
}

.align-sub{
    vertical-align: sub;
}

/*mhh*/
.toast-container{
    bottom: 13% !important;
}