* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'Arial', sans-serif; line-height: 1.6; }

.header { background-color: #005bb5; color: white; padding: 20px; text-align: center; }
.header h1 { margin: 0; font-size: 2.5em; }

.button { background-color: #005bb5; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; margin: 20px; }
.button:hover { background-color: #004182; }

.blue-theme html, .blue-theme body, .blue-theme .container, .blue-theme .page, .blue-theme .content, .blue-theme main { background-color: #d9e6f2; color: #1a1a1a; }
.blue-theme header, .blue-theme footer { background-color: #003366; color: white; }
.blue-theme h1, .blue-theme h2, .blue-theme h3 { color: #003366; }
.blue-theme p, .blue-theme a { color: #1a1a1a; }
.blue-theme .button { background-color: #005bb5; color: white; }
.blue-theme .button:hover { background-color: #004182; }

.red-theme html, .red-theme body, .red-theme .container, .red-theme .page, .red-theme .content, .red-theme main { background-color: #f2d9d9; color: #1a1a1a; }
.red-theme header, .red-theme footer { background-color: #800000; color: white; }
.red-theme h1, .red-theme h2, .red-theme h3 { color: #800000; }
.red-theme p, .red-theme a { color: #1a1a1a; }
.red-theme .button { background-color: #b50000; color: white; }
.red-theme .button:hover { background-color: #820000; }

body { font-family: "Arial", sans-serif; line-height: 1.6; transition: background-color 0.3s ease; background-color: #e6f0fa; color: #333; }

button { border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px; }

h1 { color: #005bb5; }