body{margin:0;font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}header{background-color:#333;color:#fff;padding:20px}header h1 a{text-decoration:none;color:#fff}header h1 span{background-color:#f39c12;font-style:italic;padding:5px}header nav ul{list-style:none;margin:0;padding:0;display:flex}header nav li{margin-right:20px}header nav a{text-decoration:none;color:#fff}header nav a.active{font-weight:700;color:#f39c12}header nav a:hover{color:#f39c12}main{padding:20px;color:#333;flex:1}footer{padding:20px;background-color:#333;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center}footer ul{list-style:none}footer ul span{color:#f39c12}