* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "Arial", sans-serif; } html, body { height: 100%; background-color: #f00f0; display: flex; justify-content: center; align-items: center; } a { text-decoration: none; color: #007bff; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0 2px 5px gba(0, 0, 0, 0.1); border-radius: 5px; } button { background-color: #007bff; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; transition: background-color 0.3s; } button: hover { background-color: #0056b3; } @media (max-width: 768px) { .container { padding: 10px; } button { padding: 8px 16px; } } .highlight { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }