body {
    font: 1rem 'Fira Sans', sans-serif;
    background: hsla(0, 0%, 86%, 1);
}
h1 {
    text-align: center;
}
h2 {
    font-size: 1.3rem;
}
h3 {
    font-size: 1rem;
}
a.anchor {
    text-decoration: none;
    color: gray;
    font-weight: 100;
}
*:hover > a.anchor::before,
a.anchor:focus::before {
    content: "#";
}
section:target > :is(h2,h3),
li:target,
:is(h2,h3):target {
     animation-duration: 3s;
     animation-name: targetpulse;
}
@keyframes targetpulse {
    from {
    }
    10% {
	background: yellow;
    }
    to {
    }
}
footer {
    font-size: 0.8rem;
}
details.todos {
    display: none;
}
.smaller {
    font-size: 0.8rem;
}
@media print {
    body {
	background: unset;
    }
}
details:not([open]) > summary {
    cursor: zoom-in;
}
details:is([open]) > summary {
    cursor: zoom-out;
}
/* Helps space out details elements that are in a list */
li > details:is([open]) {
    margin-bottom: 1rem;
}
.todos {
    display: none;
}
.underconstruction {
    text-align: center;
    border: 2px solid black;
    padding: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: 10px 10px 10px yellow;
}
/* Links that I want to "hide" because they're not really finished yet. */
.hiddenlink {
    text-decoration: none;
    color: inherit;
    cursor: default;
}
figure.quote {
    width: fit-content;
}
.quote > figcaption {
    text-align: right;
}