body {
  background: #eee;
  color: black;
  font-family: 'Bree Serif', serif;
}
#background {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: -1;
}
.stretch {
  width: 100%;
  height: 100%;
}
header {
  font-size: 2em;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 10px;
}
.cv-section {
  border: 1px solid #888;
  position: relative;
  padding-left: 11em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  margin-bottom: 2em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: rgba(0, 0, 0, 0.8);
  color: white;
}
.cv-section .company {
  width: 80%;
  float: left;
  color: lightseagreen;
  padding-bottom: 0.5em;
}
.cv-section .dates {
  width: 10%;
  float: right;
  text-align: right;
}
.cv-section .detail {
  clear: both;
}
.cv-section:before {
  content: attr(title);
  position: absolute;
  padding: 2px;
  top: 0;
  left: 0;
  width: 10em;
  bottom: 0;
  text-align: center;
  padding-top: 1em;
  background: rgba(80, 80, 80, 0.8);
  color: white;
}
.cv-section ul {
  list-style: none;
  padding: 0;
}