body{
  background:#b30000;
  color:#ffd700;
  font-family:"Varela Round";
  margin:0;
  overflow:hidden;
}

#banner{
  position:fixed;
  top:-60px;
  left:0;
  width:100%;
  background:#ffd700;
  color:#b30000;
  text-align:center;
  padding:15px;
  font-weight:bold;
  font-family:"Varela Round";
  transition:top 0.4s ease;
  z-index:9999;
}

#title_container{
  height:140px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#8b0000;
  border-bottom:4px solid #ffd700;
}

#title{
  font-family:"Bungee Outline";
  font-size:48px;
}

#join_container,#chat_container{
  display:flex;
  justify-content:center;
  margin-top:30px;
}

#join_inner_container,#chat_inner_container{
  width:420px;
}

input{
  width:100%;
  padding:10px;
  text-align:center;
  border:none;
  border-bottom:2px dashed #ffd700;
  background:transparent;
  color:#ffd700;
}

button{
  margin-top:10px;
  width:100%;
  padding:10px;
  font-weight:bold;
  background:#ffd700;
  color:#b30000;
  cursor:pointer;
}

#chat_content_container{
  height:320px;
  overflow-y:auto;
  margin-bottom:10px;
}

.message_container{
  margin-bottom:10px;
}

.vote{
  cursor:pointer;
  font-size:18px;
  margin:0 5px;
}

.score{
  font-weight:bold;
}

.system-name{
  color:#ffd700;
}

.system-msg{
  font-style:italic;
}