:root {
  --vf-GRAD: 0;
  --header-offset: 0;
  --background: #f32;
  --color: #f0f0f0;
  --accent: #171616;
  --extra: #f0d44a;
  --line: .15rem;
  --line-thin: .1rem;
}

section:not(#overview):not(#pagination) {
  padding-top: 7vw;
  padding-bottom: 7.5vw;
}

svg {
  width: 100%;
  height: auto;
}
svg .a, svg .svg-base {
  fill: var(--accent) !important;
}
svg .b, svg .svg-accent {
  fill: var(--color) !important;
}
svg rect, svg .c, svg .svg-text {
  fill: var(--extra) !important;
}

#sketches svg path,
.interpolate_svgs svg path {
  fill: var(--accent) !important;
}

#sketches .description {
  opacity: 0;
  margin: 1em 0 -1.5em 0;
  font-size: 0.85em;
  height: 1em;
  text-align: center;
  max-width: unset;
  color: var(--accent);
}
#sketches section:hover .description {
  opacity: 1;
}

#pagination {
  padding-top: 1em;
  padding-bottom: 1em;
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  -moz-column-gap: 2vw;
       column-gap: 2vw;
}
#pagination a {
  color: var(--color);
  text-decoration: none;
}
#pagination a:hover {
  color: var(--extra);
}
#pagination .newer {
  width: 100%;
}
#pagination .older {
  width: 100%;
  text-align: right;
}
#pagination .label {
  display: none;
}
#pagination .newer:hover .label, #pagination .older:hover .label {
  display: inline;
}

/*# sourceMappingURL=sketches.css.map */