@font-face {
    font-display: swap;
	font-family: "hyperlegible";
	src: url("../fonts/hyperlegible/AtkinsonHyperlegibleNext-VariableFont_wght.woff2") format("woff2"),
         url("../fonts/hyperlegible/AtkinsonHyperlegibleNext-VariableFont_wght.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-display: swap;
	font-family: "hyperlegible-bold";
	src: url("../fonts/hyperlegible/AtkinsonHyperlegibleNext-Bold.woff2") format("woff2"),
         url("../fonts/hyperlegible/AtkinsonHyperlegibleNext-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

.anchor-link {
    text-decoration: none;
    opacity: 0.2;
}

body {
    color: #222;
    font-family: "hyperlegible", sans-serif;
    font-size: 14pt;
    line-height: 1.6;
    max-width: 960px;
}

span:hover .anchor-link {
    opacity: 1.0;
}

img {
    max-width: 100%;
    height: auto;
}

small {
    font-size: 10pt;
}

strong {
    color: #000;
    font-family: "hyperlegible-bold", sans-serif;
}

ul {
    padding-left: 20px;
}