body {
  max-width: 100%;
  max-height: 100%;
  font-family: 'Roboto-Thin', sans-serif !important;
  color: white;
}
.body-content {
  padding-left: 4vw;
  padding-right: 4vw;
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('../fonts/Roboto-Thin.ttf') format('truetype');
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}
.selectable-list-item {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-radius: 12px;
  padding-left: 10px;
  margin-top: 3vh;
  background-color: rgba(255, 255, 255, 0.1);
}