body {
  background-image: url("http://marvin.seanweinert.com/css/marv.png");
  background-position: right bottom;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: rgb(115, 157, 181);
  font-size: 14px;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans",
    "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed",
    "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}
h1,
h2 {
  margin-left: 10%;
  text-shadow: 1px 1px lightgrey;
}

h1 {
  font-family: "Audiowide", cursive;
  font-size: 3em;
}
h2 {
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 5%;
}

/* Chat container */
.container {
  width: 40%;
  border: 2px solid black;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
  margin-left: 3%;
}
.top {
  margin-top: 3%;
}

/* Darker chat container */
.darker {
  border-color: black;
  background-color: rgb(171, 167, 167);
}
/* Input bar */
#userInput {
  margin-left: 3%;
  border: 2px solid black;
  border-radius: 5px;
  height: 1.5em;
}

.dropdown {
  margin-left: 3%;
}