:root{--color-black-dark:#535353;--color-blue-light:#bde9fb;--color-gold-light:#ffd045;--color-green-light:#d0f4a5;--color-grey-dark:#ccc;--color-grey-light:#eee;--color-purple-dark:#0b163c;--color-red-light:#ff8a8a;--color-yellow-light:#ffdb58;--color-yellow-dark:#daa911;--link-color:#0b163c;--page-width:860px}body{background-color:var(--color-purple-dark);color:var(--color-purple-dark);line-height:1.6;font-family:fira sans,Inter,Roboto}header#top,#content,footer{margin:auto;max-width:var(--page-width);width:95%}header#top{text-align:center}header#top ul{list-style-type:none;padding:0}header#top ul li{color:var(--color-yellow-dark);display:inline;font-weight:700;padding:0 4px}header#top img{max-width:100%}header#top a{border:none;color:var(--color-yellow-dark)}h1,h2,h3{font-family:Arimo,Arial}#content{background-color:var(--color-yellow-dark);padding:4px 8px}footer{color:var(--color-yellow-dark);font-weight:700;line-height:1}footer>div{border:1px solid var(--color-purple-dark);flex:1 1;margin:8px 0;padding:4px}footer a{border-bottom:1px solid var(--color-yellow-dark);color:var(--color-yellow-dark)}a{border-bottom:1px solid var(--link-color);color:var(--link-color);text-decoration:none}@media only screen and (min-width:680px){footer{display:flex;align-items:stretch;gap:8px;justify-content:space-between}footer>div{flex:1 1}}