@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

@font-face {
    font-family: "Unifont";
    src: local("Unifont"),
        url(https://foxwells.garden/unifont-min-13.0.04.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

html {
    scrollbar-color: #00ffff #000000;
}

body {
    background-color: #000000;
    font-family: 'Roboto', sans-serif;
    color: #00ffff;
}

.chat-msg-ieatrocks .username {
    background: linear-gradient(45deg, #007700, #00aa00, #00ff00, #00aa00, #007700);
    font-size: 16px;
    font-family: "Unifont", Roboto;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 2px rgba(0, 255, 0, 0.4);
}

.chat-msg-Cynosphere .username {
    background: linear-gradient(to right, #53a6a6, #287373);
    font-family: monospace;
    font-size: 16px;
    background-clip: text;
    background-size: 100% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#userlist {
    font-family: 'Roboto', sans-serif;
    color: #00ffff !important;
    border: none;
}

#userlist {
    overflow-x: hidden;
    overflow-y: hidden;
}

.userlist_owner {
    color: #00ffff !important;
    font-size: 14px;
}

#messagebuffer {
    background-color: #0a0a0a3d;
    color: #00ffff;
    border: none;
    scrollbar-color: #00ffff #0a0a0a3d;
}

#pollwrap .well {
    background-color: #000c !important;
    color: #00ffff;
    border: 1px solid #00ffff;
    border-radius: 10px;
}

.queue {
    border-style: hidden;
    background: none;
}

.queue_active {
    color: #00ffff !important;
    border-color: #00ffff !important;
}

#plmeta {
    border-style: hidden;
    color: #00ffff !important;
}

#queue>li {
    background: none;
    border-style: none;
    border-bottom: 0.5px solid #00ffff !important;
}

.timestamp {
    color: #00ffff;
}

#videowrap-header {
    border: none;
}

#footer {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #00ffff !important;
    font-size: 9px !important;
    height: 20px !important;
}

#chatheader {
    border: none;
}

.navbar {
    background: rgba(0, 0, 0, 0.7) !important;
    font-family: 'Roboto', sans-serif !important;
    border-bottom: none !important;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>ul>li>a:hover {
    border-color: #00ffff;
    background: rgba(0, 255, 255, 0.2);
}

#motdwrap {
    background: none;
}

#togglemotd {
    display: none;
}

.form-control {
    border: none;
    background-color: #161a20cc !important;
}

input.form-control[type="text"] {
    background-color: #161a20cc !important;
}

.dropdown-menu {
    background: #000000;
    color: #00ffff;
}

.modal-content {
    background: #111111;
    border-radius: 4px;
    color: #00ffff;
}

.btn {
    background: rgba(0, 0, 0, 0.6);
    color: #00ffff;
    border-color: rgb(0, 255, 255);
}

.btn:hover {
    background: rgba(0, 0, 0, 0.6) !important;
    color: #00ffff !important;
    border-color: rgb(0, 255, 255);
}

.text-muted {
    display: none;
}

.glyphicon-star-empty {
    font-size: 0.01px;
}

.nick-highlight {
    background-color: transparent;
}


.g-background-default {
    background-color: #000 !important;
}

.g-shadow-inset {
    box-shadow: none;
}

.widget {
    border: none;
}


#drinkcount {
    background-color: #00000000;
    color: #0ff;
    text-decoration: underline;
    font-size: 14px;
    display: inline;
}