* {
  position:relative;
  margin:0;
  padding:0;
  box-sizing:border-box;
  color:inherit;
  background-size:cover;
  background-position:center center;
  font-display:swap;
}
li {
  margin-left:16px;
}
img {
  width:100%;
}
h1 {
  text-align:left;
  padding-bottom:8px;
  border-bottom-style:solid;
  border-width:2px;
  font-weight:normal;
}
h3,h2 {
  font-weight:normal;
  margin-bottom:20px;
}
p + h2 {
  padding-top:20px;
}
body>div>div>*:not(h1) {
  margin-bottom:20px;
}
div>div.pad,
div>div.dark,
div>div.light,
div>div[style*="background-image:"]:not(.picture) {
  padding:20px;
}
div>div[style*="background-image:"]:not(.picture)>* {
  top:-20px;
  left:-20px;
  width:calc(100% + 40px);
  padding:20px;
  background:rgba(255,255,255,0.6);
}
.mask {
  background:rgba(0,0,0,0.5);
}
.svg svg {
  width:100%;
  height:100%;
  position:absolute;
}
svg *:not(defs *) {
  fill:inherit;
  stroke:inherit;
}
svg text {
  stroke:none;
}
.light {
  background:var(--light);
  color:white;
}
.dark {
  background:var(--dark);
  color:white;
}
.lightbox {
  padding:20px;
  margin-bottom:0;
  text-align:center;
  background:var(--light);
  color:white;
  text-align:center
}
.lightbox>button {
  width:100%;
}