#logo{display:none !important}
#login-form:before{content:"👾"; font-size: 10rem; text-shadow:0 0 80px #fff, 1px 1px 2px #000, -1px -1px 2px #000}

.dark-mode #login-form:before{text-shadow:0 0 80px #000, 1px 1px 2px #fff, -1px -1px 2px #fff}

html.dark-mode #messagebody .message-part,
html.dark-mode #messagebody .message-htmlpart{
    background: #222;
    color: #fff;
    padding: 20px;
    box-shadow: 0 0 15px #fff2;
    outline: 1px solid #fff2;
}

#messagebody .message-part,
#messagebody .message-htmlpart{
    background: #fff;
    color: #000;
    padding: 20px;
    box-shadow: 0 0 15px #0002;
    outline: 1px solid #0002;
}


.message-part div.pre{font-family:"Fira Code Retina", "Fira Code", "Courier New", monospace }

html.dark-mode #message-header {
    background: linear-gradient(0deg, #111, #333);
    padding: 10px;
    outline: 1px solid #fff1;
    box-shadow: 0 0 5px #fff1;
}

#message-header {
    background: linear-gradient(0deg, #eee, #fff);
    padding: 10px;
    outline: 1px solid #fff1;
    box-shadow: 0 0 5px #fff1;
}


html.dark-mode #message-header>.subject {
    border-bottom: 1px solid #fff3;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    text-shadow: 1px 1px 3px #000;
}