:root.dark {
  --primary-color: #10cfc9;
}

:root.light {
  --primary-color: #10cfc9;
}

.centered-header {
  position: default;
  transform: default;
}

.logo {
  height: 1em;
  border: 0;
}

footer {
  display: flex;
  border-top: 0.2em dotted #10cfc9;
  margin-top: 2em;
  padding: 1em;
}

.footer {
  display: flex;
  padding: 0 1em;
}

.videowrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.videowrapper::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.videowrapper iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: .5rem;
}

/* Preserve blank lines in giallo code blocks: empty <span class="giallo-l"></span>
   collapses to zero height inside the flex-column <code> parent. */
pre.giallo .giallo-l {
  min-height: 1lh;
}