.shoutbox {
  width: 180px;
  height: 370px;
  border: 1px solid #6D6D47;
  padding: 6px;
  box-sizing: border-box;
}

#shout-text {
  height: 200px;
  border: 1px solid #6D6D47;
  margin-bottom: 10px;
  padding: 4px;
  overflow-y: auto;
	color: #B09E5D;
	font-size: 80%;
}

input[type=text], textarea {
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
background-color: #333323;
	color: #969661;
	font-weight: bold;
}

#submit-btn {
  width: 100%;
  padding: 10px;
  background-color: #44442C;
  color: #C9BA76;
  border: none;
  cursor: pointer;
}

input[type="text"]:focus {
      background-color: #333323;
    }


#submit-btn:hover {
  background-color: #666642;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9E8D4B;
  opacity: 0.6; /* Firefox */
}