body{
margin:0;
background:#0d0509;
font-family:"Courier New", monospace;
color:#f5e6ee;
}


#background{
background:
repeating-linear-gradient(
0deg,
rgba(0,0,0,0) 0px,
rgba(0,0,0,0) 2px,
rgba(0,0,0,.3) 3px,
rgba(0,0,0,.3) 4px
),
radial-gradient(ellipse at 50% 0%, rgba(70,25,45,.35), transparent 60%),
linear-gradient(180deg, #170a12, #0a0509);
}


#top_banner{
background:linear-gradient(180deg, #2a0f1c, #180a10);
border-bottom:1px solid rgba(255,150,200,.3);
color:#ffd6ea;
}


.allMessages{
background:rgba(35,15,25,.75);
border:1px solid rgba(255,150,200,.25);
border-radius:6px;
box-shadow:inset 0 0 20px rgba(0,0,0,.35);
color:#f5e6ee;
}

.allMessages.sent{
background:rgba(45,18,35,.75);
border-color:rgba(255,120,200,.3);
}

.allMessages.received{
background:rgba(30,12,20,.75);
border-color:rgba(255,150,200,.25);
}

.allMessages.pinned{
border-color:rgba(255,90,90,.5);
box-shadow:0 0 12px rgba(255,60,60,.25), inset 0 0 20px rgba(0,0,0,.35);
}


.senderInfo{
color:#ff9fd0;
font-weight:bold;
text-shadow:0 0 6px rgba(255,150,210,.45);
}


.msgBody{
color:#f5e6ee;
text-shadow:0 0 4px rgba(255,220,235,.25);
}

.msgBody a{
color:#ffd0ea;
}


#timestamp{
color:#b98aa0;
opacity:.85;
}


.owner{
background:#7a1f1f;
color:#ffdada;
text-shadow:0 0 6px rgba(255,90,90,.6);
}

.mod{
background:#4a1f3a;
color:#ffd6ea;
text-shadow:0 0 6px rgba(255,150,210,.5);
}

.beta{
background:#3f3540;
color:#ece0e6;
}


.reply{
border-left:3px solid rgba(255,150,200,.5);
background:rgba(0,0,0,.25);
color:#d8b8c8;
padding-left:8px;
}


.highlight{
color:#ff5b5b;
text-shadow:0 0 6px #fff, 0 0 14px #ff2d2d;
}


.allMessages.containsOnlyEmojis .emoji{
filter:drop-shadow(0 0 4px rgba(255,150,210,.4));
}

#emojiTray{
background:#180a10;
border:1px solid rgba(255,150,200,.3);
}

#emojiTrayToggle{
color:#ff9fd0;
}


#input{
background:rgba(0,0,0,.4);
border:1px solid rgba(255,150,200,.35);
border-radius:4px;
color:#f5e6ee;
caret-color:#ff9fd0;
}

#input:empty::before{
content:"say something...";
color:rgba(240,210,225,.35);
}

#replyBanner{
background:rgba(0,0,0,.5);
border-top:1px solid rgba(255,150,200,.3);
color:#ffd6ea;
}


#settings{
color:#ff9fd0;
opacity:.85;
}

#settingsWindow,
#settingsMenu{
background:#180a10;
border:1px solid rgba(255,150,200,.35);
color:#f5e6ee;
}

#account,
#save,
#closeSettingsBtn{
background:rgba(255,150,200,.15);
border:1px solid rgba(255,150,200,.4);
color:#f5e6ee;
}

#account:hover,
#save:hover,
#closeSettingsBtn:hover{
background:rgba(255,150,200,.3);
}

#name{
background:rgba(0,0,0,.4);
border:1px solid rgba(255,150,200,.35);
color:#f5e6ee;
}

#dltranscript{
color:#ffb3e0;
}


.ctxMenuOption{
background:#180a10;
color:#f5e6ee;
}

.ctxMenuOption:hover{
background:rgba(255,150,200,.2);
}


.dialogueModal{
background:#180a10;
border:1px solid rgba(255,150,200,.4);
color:#f5e6ee;
box-shadow:0 0 24px rgba(0,0,0,.6);
}


#loadMore,
#scrollToBottom{
background:rgba(255,150,200,.15);
border:1px solid rgba(255,150,200,.4);
color:#ffd6ea;
}

#loadMore:hover,
#scrollToBottom:hover{
background:rgba(255,150,200,.3);
}


#is_typing{
background:rgba(35,15,25,.75);
border:1px solid rgba(255,150,200,.25);
color:#ff9fd0;
}