body { font-family: 'Courgette', cursive; margin: 0; padding: 0; background-color: #f4f4f4; }
header { background-color: #003366; color: #FFD700; text-align: center; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.container { width: 90%; max-width: 1200px; margin: auto; overflow: hidden; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
h2 { color: #FFD700; border-bottom: 3px solid #FFD700; padding-bottom: 5px; }
ul { color: #FFD700; line-height: 1.6; font-weight: bold; padding-left: 20px; }
footer { text-align: center; padding: 15px; background: #003366; color: #FFD700; margin-top: 20px; font-size: 16px; border-top: 4px solid #FFD700; }
img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
p { font-size: 18px; line-height: 1.6; color: #FFD700; font-weight: bold; }
@media screen and (max-width: 768px) {
    header { padding: 15px; font-size: 18px; }
    .container { width: 95%; padding: 15px; }
    h2 { font-size: 22px; }
    p { font-size: 16px; }
    ul { font-size: 16px; }
    footer { font-size: 14px; padding: 10px; }
}