@keyframes chat_bg_pulse {
  0% {background-color : transparent}
  50% {background-color: #021c15}
  100% {background-color : transparent}
  }

#chattable {
  width : 100%;
  height : 50vh;
  /*color : green;*/
  }
#top_banner {
  display : none;
  }

.allMessages {
 display: flex;
 gap: 2.5vh;
 /*background: rgba(, 255, 255, 0.2);*/
 border : 1px;
 border-style : none none groove groove;
 border-color : #15F5BA;
 font-family: 'Courier New';
 border-radius: 16px 0px 0px 8px;
 margin: 10px;
 line-height: 9pt;
 position: relative;
 color: #15F5BA;
 width: 100%;
 padding: 8px;
 box-sizing: border-box;
 overflow: auto;
}

.senderInfo:has(.owner) {
 color: #836FFF;
}
.senderInfo:has(.mod) {
  color : white;
}

#input, #nameEntry {
 animation-name: chat_bg_pulse;
 animation-duration: 2s;
 animation-iteration-count: infinite;
 color: #15F5BA;
 background-color: transparent;
 outline: none;
 border : 2px;
 border-style : inset;
 border-color : #15F5BA;
 border-radius : 2px 2px 2px 2px;
 font-family: 'Courier New';
 width : 45vw;
 display : block;
 margin-left : auto;
 margin-right : auto;
}
#input:empty:before {
 color: #836FFF;
}

#settings {
 filter: invert(50%);
 opacity: 0.75;
}