html {
  /* Explicitly set background color */
  background-color: transparent;

  /* Set default box-sizing to border-box for easier sizing of elements */
  box-sizing: border-box;

  /* Disable scrollbars by clipping page overflow */
  overflow: hidden;

  /* Set default font family */
  font-family: Verdana, Geneva, sans-serif;

  /* Set responsive root font size to 43.2px at 1080p */
  font-size: 3vh;

  color: #fff;
}

body{
  color: #fff;
  margin: 0;
}

*, *:before, *:after {
  /* Make box-sizing property easy to change by components if required */
  box-sizing: inherit;
}



.overlay {
  /* Initially hide the overlay */
  opacity: 0;
}






section.docs {
    margin: 16px;
    background-color: #eee;
    color: #222;
    font-size: initial;
    padding: 0.1em 1em;
    text-align: justify;
}

@media (min-width: 500px) {
    section.docs {
        width: calc(500px - 2 * 16px);
    }
}