body { font-family: Arial, Helvetica, sans-serif; text-align: center; } body header h1 { margin-bottom: 0; } body header h3 { margin: 0; } body div.content form label { font-size: small; } body div.content input, body div.content button { margin: 0.5em; padding: 0.25em; } body div.content button { width: 50%; } body div.content .message { min-width: 80%; height: auto; margin: 5px auto; padding: 5px; font-size: small; color: white; } body div.content .message.info { border: 1px solid blue; background: rgba(0, 0, 255, 0.5); } body div.content .message.warning { border: 1px solid red; background: rgba(255, 0, 0, 0.5); } body div.content .message.success { border: 1px solid green; background: rgba(0, 255, 0, 0.5); } body.dark { color: #a9a9a9; background-color: #111; } body.light { color: #000; background: #fff; } body footer { font-size: small; width: 100%; height: auto; position: absolute; bottom: 0; left: 0; text-align: center; } /*# sourceMappingURL=index.css.map */