@font-face { font-family: 'Expletus Sans'; font-weight: 400; font-display: swap; src: url(/fonts/expletus-sans-400.woff2) format('woff2'); }
@font-face { font-family: 'Expletus Sans'; font-weight: 700; font-style: italic; font-display: swap; src: url(/fonts/expletus-sans-700-italic.woff2) format('woff2'); }
body { font-family: 'Expletus Sans', cursive; color: #EFEFEF; background-color: #122448; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 2em; padding: 10% 10% 10% 20%; }
@media (max-width: 720px) { body { padding: 10%; } }
@media (max-width: 480px) { body { padding: 5%; } }
h1, h2 { margin: 0; }
h1 { font-size: 3em; font-style: italic; }
h2 { font-size: 1em; }
.accent { color: #EEE000; }
a { color: #EFEFEF; }
section { font-size: .75em; }
section ul { padding-left: 0; list-style-type: none; }
footer .accent { font-size: 1.1em; margin-left: -.365em; }
.legal { font-size: .5em; margin-top: 2em; }
.text { max-width: 40em; }
.text h3 { margin-bottom: .25em; }
.text p { margin-top: 0; }
a { text-underline-offset: .15em; transition: color .2s, text-decoration-color .2s; }
a:hover, a:focus-visible { color: #EEE000; }
a:focus-visible { outline: 2px solid #EEE000; outline-offset: .15em; }