body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; background-color: f4f4f4; color: 333; }
        header { background-color: 4CAF50; color: red; padding: 20px 0; text-align: center; margin-bottom: 20px; }
        main { max-width: 960px; margin: auto; background: fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
        section { margin-bottom: 30px; }
        article { margin-bottom: 20px; }
        h1 { color: 333; margin-bottom: 20px; text-align: center; font-size: 2.2em; }
        h2 { color: 4CAF50; margin-bottom: 15px; font-size: 1.8em; border-bottom: 2px solid 4CAF50; padding-bottom: 5px; }
        ol { color: 555; margin-bottom: 10px; font-size: 1.4em; }
        p { margin-bottom: 15px; }
        ul { margin-bottom: 15px; padding-left: 20px; }
        li { margin-bottom: 8px; }
        div { background-color: e8f5e9; padding: 20px; border-radius: 5px; margin-top: 30px; }
        footer { color: 2e7d32; border-bottom: 2px solid 2e7d32; text-align: center; margin-bottom: 15px; }
        nav { color: 333; margin-bottom: 10px; font-size: 1.2em; }
        hr.shadow {
  border: none;
  height: 15px;
  background-color: #f1f1f1;
  box-shadow: 0 5px 5px -5px #333;
}
        blockquote { background-color: #f0f0f0; border-radius: 10px; }