: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:960px}body{background-color:var(--color-purple-dark);color:var(--color-purple-dark);line-height:1.6;font-family:fira sans,Inter,Roboto}header#top,#main-container,footer{margin:auto;max-width:var(--page-width);width:95%}header#top{text-align:center;ul{list-style-type:none;padding:0;li{color:var(--color-yellow-dark);display:inline;font-weight:700;padding:0 4px}}img{max-width:100%}a{border:none;color:var(--color-yellow-dark)}}h1,h2,h3{font-family:Arimo,Arial}#main-container{background-color:var(--color-yellow-dark); #main { padding: 4px 8px; }}footer{color:var(--color-yellow-dark);font-weight:700;line-height:1;&> div{border:1px solid var(--color-purple-dark);flex:1 1;margin:8px 0;padding:4px}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;&> div{flex:1 1}}}