@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

.mx_MatrixChat {
    background: url('https://eyepatch.channelthree.link/background1.gif') center/cover no-repeat fixed !important;
}

.mx_LeftPanel {
    background: rgba(0,0,0,0.88) !important;
    border-right: 1px solid #0ff !important;
}

.mx_RoomTile {
    color: #0ff !important;
    font-family: 'VT323', monospace !important;
    font-size: 18px !important;
}

.mx_RoomTile:hover {
    background: rgba(0,255,255,0.08) !important;
}

.mx_RoomHeader {
    background: rgba(0,0,0,0.92) !important;
    border-bottom: 1px solid #0ff !important;
}

.mx_RoomHeader_name {
    color: #a020f0 !important;
    font-family: 'VT323', monospace !important;
    font-size: 22px !important;
}

.mx_EventTile {
    font-family: 'VT323', monospace !important;
    font-size: 18px !important;
    color: #0ff !important;
}

.mx_MessageComposer {
    background: rgba(0,0,0,0.88) !important;
    border-top: 1px solid #0ff !important;
}

.mx_BasicMessageComposer_input {
    color: #0ff !important;
    font-family: 'VT323', monospace !important;
    font-size: 18px !important;
}

.mx_AuthPage {
    background: url('https://eyepatch.channelthree.link/background1.gif') center/cover no-repeat fixed !important;
}

.mx_AuthBody {
    background: rgba(0,0,0,0.88) !important;
    border: 1px solid #0ff !important;
    box-shadow: 0 0 15px #0ff !important;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #0ff; }