body { font-family: sans-serif; background-color: #f5f5dc; color: #000; margin: 0; }
header { background: #111; color: #fff; padding: 1em; }
nav ul { list-style: none; padding: 0; display: flex; gap: 1em; }
nav a { color: white; text-decoration: none; }
main { padding: 2em; }
.flex { display: flex; gap: 2em; }
.left { flex: 1; }
.right { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1em; }
.right img { width: 100%; border-radius: 8px; }
footer { background: #111; color: #fff; padding: 1em; text-align: center; }
.social { list-style: none; padding: 0; display: flex; justify-content: center; gap: 1em; }
.social a { color: white; text-decoration: none; }