body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0;background-color:#f4f4f4;color:#333}header{background-color:#333;color:#fff;padding:10px 0}nav{background-color:#333;padding:10px 0}nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:nowrap}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-size:16px;padding:10px;display:block}nav ul li a:hover{background-color:#555}main{padding:20px;max-width:1200px;margin:0 auto}h1,h2{color:#333}h1{font-size:2em;margin-bottom:20px}h2{margin-top:40px;font-size:1.5em}ul{margin-left:20px}ul li{margin:10px 0}blockquote{background-color:#e0e0e0;padding:10px;border-left:5px solid #333;margin:20px 0}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}footer{background-color:#333;color:#fff;text-align:center;padding:10px}@media (max-width: 768px){nav ul{flex-direction:row;justify-content:space-evenly}nav ul li{margin:0 5px}}