body {margin: 0; padding: 0; background-color: whitesmoke; color: #333}
header {background: lightgreen; color: #fff; padding: 15px 0; text-align: center}
header h1 {margin: 0}
nav ul {list-style: none; padding: 0; display: flex; justify-content: center;background: #333}
nav ul li {margin: 0 15px}
nav ul li a {color: #fff; text-decoration: none; padding: 8px 15px; display: block}
nav ul li a:hover {background: green; transform: scale(1.1); transition: transform 0.3s ease-in-out}
main {padding: 20px; max-width: 1200px; margin: auto}
footer {text-align: center; background: #333; color: #fff; padding: 10px 0; position: fixed; bottom: 0; width: 100%}
footer a {color: lightgreen; text-decoration: none}
footer a:hover {text-decoration: underline}