.body{min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}h1{border-bottom:2px dotted;font-family:Courier New,Courier,monospace}li{display:block;width:-moz-fit-content;width:fit-content;padding:8px 50px;background-color:#9eaad6;margin:10px 10px 8px;border-radius:5px}ul{margin-top:100px;list-style:none}.top-bar{position:fixed;top:0;left:0;right:0;height:80px;background-color:#b1c5d7;color:#fff;display:flex;align-items:center;z-index:1000}.top-bar-inner{width:100%;padding:0 16px}