body {
  font-family: 'Lucida Grande', Verdana, Calibri, san-serif;
  font-size: 12pt;
}

.card {
  display: inline-block;
  float: left;
  padding: 0px;
  margin: 5px;
  height: 60px;
  width: 40px;
  overflow: hidden;
  border: 1px solid black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.face, .back {
  font-size: 12pt;
  text-align: center;
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.black {
  color: black;
}

.red {
  color: red;
}

.back {
  background-color: blue;
}

.cards, .wrap {
  overflow: hidden;
  min-height: 72px;
  margin: 5px 0px 5px 0px;
}

.cards {
  border: 1px solid black;
}

.highlight {
  border: 3px solid red;
}

.header {
  font-size: 1.5em;
  font-weight: bold;
}

.label {
  font-weight: bold;
}

.value {
  font-weight: bold;
  margin: 5px;
}