body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

#login-card {
    border: 0.5em solid purple;
    padding: 1em;
    margin-bottom: 2em;
}
#sandwich-card {
    border: 0.5em solid blue;
    padding: 1em;
}
#sandwich-card .player {
    display: none;
}
div.player select {
    margin-left: 2em;
}
div.password input {
    margin-left: 2em;
}
div.player {
    border-top: 0.5em solid magenta;
    padding-top: 1em;
}
div.meat {
    border-top: 0.5em solid red;
    padding-top: 1em;
}
div.bread {
    border-top: 0.5em solid gold;
    padding-top: 1em;
}
div.cheese {
    border-top: 0.5em solid darkorange;
    padding-top: 1em;
}
div.vegetables {
    border-top: 0.5em solid green;
    padding-top: 1em;
}
div.condiments {
    border-top: 0.5em solid purple;
    padding-top: 1em;
}