body{
   text-align: center;
}

h1, h2, h3, h4{
   margin: 1em auto;
}

section{
   max-width: 80svw;
   margin: auto;
}

ol, ul{
   text-align: left;
   margin: 1em auto;
}

li > ol{
   margin-top: 1em;
}

li + li{
   margin-top: 1em;
}

footer{
   margin-top: var(--gap);
}

@media only screen and (max-width: 900px) {
   body{
      font-size: 0.9em;
   }
}

.fancybox{
   align-items: stretch;
}

.fancybox a{
   display: block;
   height: 100%;
}

.fancybox a img{
   height: 100%;
   object-fit: cover;
}