body {
  font: 12px/1.3 Arial, sans-serif;
  max-width: 500px;
  margin: 50px auto;
  background: #eee; }

#container {
  background: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 5px rgba(0, 0, 0, 0.05); }
  #container .heading h1 {
    text-align: center; }
  #container .react-select-popover {
    margin: 30px auto;
    width: 28em; }
  #container .footnote {
    color: #949494; }
    #container .footnote a {
      color: #6E74E7; }
  @media (max-width: 800px) {
    #container {
      width: 80%;
      margin: 0 auto; }
      #container .react-select-popover {
        margin: 30px auto;
        width: 80%; } }

.text-center {
  text-align: center; }

form {
  margin: 0;
  padding: 0; }