body {
  height: 100%;
}

section {
  padding-top: 60px;
}
.width-300 {
  width: 300px;
  margin: auto;
  padding: 20px;
  box-shadow: 0 0px 9px 2px #ccc;
}
.width-400 {
  width: 400px;
  margin: auto;
  padding: 20px;
  margin-top: 80px;
  margin-bottom: 150px;
  box-shadow: 0 0px 9px 2px #ccc;
}

.width-500 {
  width: 500px;
  margin: auto;
  padding: 20px;
  box-shadow: 0 0px 9px 2px #ccc;
}

#videos {
  display: none;
}

canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.preprocess {
  padding-right: 20px;
  padding-bottom: 50px;
}

#preprocessed_images {
  white-space: nowrap;
  width: auto;
  height: 250px;
  padding: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
  box-shadow: 0 0px 9px 2px #ccc;
}

#faces_images {
  white-space: nowrap;
  width: auto;
  height: 150px;
  padding: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
  box-shadow: 0 0px 9px 2px #ccc;
}

.faces {
  padding-right: 20px;
  padding-bottom: 50px;
}

#heatmap_images {
  white-space: nowrap;
  width: auto;
  height: 200px;
  padding: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
  box-shadow: 0 0px 9px 2px #ccc;
  margin-bottom: 20px;
}

.heat-map {
  padding-right: 20px;
  padding-bottom: 50px;
}

/* span.spinner-border {
    display: none;
} */