a.navbar-brand img {
    height: 40px;
    width: 40px;
    margin: 0;
    margin-top: -2px;

}

a.navbar-brand {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
}

.content {
    max-width: 800pt;
    width: 95%;
    margin: 64pt auto 10pt;
}

.message-content {
    white-space: pre-wrap;
}

li {
    animation: colorchange 1s;
    background: transparent !important;
}

@keyframes colorchange {
    0%   {background: rgba(255, 0, 0, 0.3);}
    100% {background: rgba(255, 0, 0, 0.0);}
}

.scrollable-menu {
    height: auto;
    max-height: 80vh;
    overflow-x: hidden;
}

.fixed-bottom {
    z-index: 1020;
}

#message-list {
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    border-radius: 4px;
    background: hsla(0, 0%, 50%, 0.25);
}

::-webkit-scrollbar-corner {
    background: hsla(0, 0%, 50%, 0.25);
}

::-webkit-scrollbar-thumb {
    width: 8px;
    border-radius: 4px;
    background: rgb(52, 58, 64);
    opacity: 0.9;
}

html {
    scrollbar-color: rgb(52, 58, 64) hsla(0, 0%, 50%, 0.25);
    scrollbar-width: thin;
}

@media (prefers-color-scheme: dark) {
    body {
        background: #2B2B2B;
    }
    nav.bg-dark, div.bg-dark {
        background-color: #1C1C1C !important;
    }
    ul.list-group {
        color: white;
    }
    li.list-group-item {
        border-color: #B2B2B2;
    }
    textarea.form-control, input.form-control,
    textarea.form-control:focus, input.form-control:focus {
        color: white;
        background-color: #2B2B2B !important;
        border-color: #3B3B3B;
    }
    span.input-group-text {
        background-color: #1C1C1C !important;
        border-color: #3B3B3B;
    }
    ::-webkit-scrollbar-track {
        border-radius: 4px;
        background: #1C1C1C;
    }

    ::-webkit-scrollbar-corner {
        background: hsla(0, 0%, 50%, 0.25);
    }

    ::-webkit-scrollbar-thumb {
        width: 8px;
        border-radius: 4px;
        background: #3B3B3B;
        opacity: 0.9;
    }

    html {
        scrollbar-color: #1C1C1C #3B3B3B;
        scrollbar-width: thin;
    }
}