html{font-family:sans-serif}body{background-color:#fff;display:flex;flex-direction:column;color:#000;margin:0}header{width:100vw;display:flex;flex-direction:column;background-color:#4169e1}main{max-width:75%;margin:0 auto;display:flex;flex-direction:column}footer{background-color:#708090;position:absolute;width:100vw;left:0;bottom:0}footer p{color:#fff;font-weight:bolder;font-size:1.2em}h1{text-align:left;margin-left:50px;margin-top:50px;margin-bottom:0;color:#fff}h2{align-self:center}nav{align-self:center}nav ul{display:flex;flex-direction:row;padding:0;justify-content:space-between;gap:20px;width:300px;list-style:none}nav ul li a{color:#fff;font-size:1.5em}nav ul li a:hover{color:#fff;text-decoration:underline}p{color:#000}footer{display:flex;width:100%;justify-content:center}#posts{list-style:none;align-self:center}#posts li{height:200px;width:600px;padding:20px;background-color:#add8e6;border-radius:30px}#posts li:not(:last-child){margin-bottom:20px}