/* app css stylesheet */

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

label {
  margin:10px 0;
  text-transform: uppercase;
  letter-spacing: 2px
}
form div {
  background-color: #CCFFFF;
  padding:30px;
  margin-top:20px;
  border-radius: 10px
}
input {
  border-radius: 5px;
  padding:8px;
  border: 2px #DDDDDD solid;
}
select {
  border-radius: 5px;
  padding:8px;
  border: 2px #DDDDDD solid;
}

h3 span {
  padding:20px;
  
  background-color: red;
}

label {
  width: 100%;
}

.divider{
    width:5px;
    height:auto;
    display:inline-block;
}

/* app css stylesheet */

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

label {
  margin:10px 0;
  text-transform: uppercase;
  letter-spacing: 2px
}
form div {
  background-color: #CCFFFF;
  padding:30px;
  margin-top:20px;
  border-radius: 10px
}
input {
  border-radius: 5px;
  padding:8px;
  border: 2px #DDDDDD solid;
}
select {
  border-radius: 5px;
  padding:8px;
  border: 2px #DDDDDD solid;
}

h3 span {
  padding:20px;
  
  background-color: red;
}

label {
  width: 100%;
}

Revert "Add back in divider CSS"
Revert "Add back in divider CSS"

CSS merge didn't happen so smoothly. best to keep christina's branch current and merge-able from this commit.
This reverts commit 5872c84062c0878278bba1f0a89861e10df7e54f.
