uix-demo-page {
  display: flex;
  height: 100%;
  --margin: 150px;
  --margin-top: 100px;
  padding: var(--margin);
  padding-top: calc(var(--top-padding) + var(--margin-top));
  overflow-y: scroll;
  font-size: 1.1em;
}
uix-demo-page > div > div {
  padding: 0 !important;
}
uix-demo-page video {
  width: 100%;
  max-height: 80vh;
  border: 3px solid var(--accent);
  margin-top: 20px;
  margin-bottom: var(--margin-top);
}
uix-demo-page #preview {
  margin-top: 60px;
}

@media screen and (max-width: 1000px) {
  uix-demo-page {
    --margin: 20px;
    --margin-top: 20px;
    font-size: 1em;
  }
}