/* Color */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: var(--md-accent-fg-color);
}

[data-md-color-scheme="slate"] {
   --md-hue: 210;
   --md-typeset-a-color: var(--md-accent-fg-color);
}

/* Content boxes for the overview pages */
.overview-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.overview-child {
  width: 32%;
  min-width: 250px;
  max-width: 350px;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
  background-color:rgba(0,0,0,.08);
  margin: 0px 5px 10px 5px;
  padding: 1em;
}

.overview-title {
  font-size: 1.2em;
  font-weight: 500;
}

video {
  /* override other styles to make responsive */
  width: 100% !important;
  max-width: 600px !important;
  height: auto !important;
}