body{color:#000;background:#fff}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}img.logo{filter:invert()}}body{flex-direction:column;min-height:100vh;margin:0;display:flex}header{background-color:inherit;z-index:1;position:sticky;top:0}main{text-align:center}footer{margin-top:auto;padding:8px 24px;font-size:11pt}div.horizontal{flex-flow:wrap;justify-content:flex-end;align-items:flex-start;display:flex}ul.horizontal{flex-flow:wrap;justify-content:center;list-style:none;display:flex}ul.horizontal li{float:left}img.avatar{width:108px;height:108px;padding:8px 16px}img.logo{width:48px;height:48px;padding:8px 16px}