#all{display:flex;flex-direction:column;min-height:100vh}main{margin-bottom:auto}main h1{color:white;background-color:steelblue;margin:0;padding:21px}footer{color:whitesmoke;background-color:lightslategrey;padding:34px;text-align:right}footer a{color:white;font-weight:bold;text-decoration:none}body{margin:0;padding:0}header nav ul{display:flex;list-style-type:none;padding-inline-start:12px;padding-inline-end:12px;margin-block-start:0px;margin-block-end:0px;margin:0;align-items:stretch}header nav ul li{padding:0;border-radius:24px;margin:4px}header nav ul li a{text-decoration:none;color:midnightblue;font-weight:bold;display:inline-block;vertical-align:middle;padding:13px 21px}header nav ul li:hover{background-color:lightsteelblue}