// component styles are encapsulated and only applied to their components .header { text-align: center; background-color: #ea6424; margin-top: 30px; border-top: 1px solid #ea4000; border-bottom: 1px solid #ea4000; } .header img { padding: 20px; } .wrapper { min-width: 700px; max-width: 1000px; margin: auto; padding: 20px; background-color: white; border-left: 1px solid #ea6424aa; border-right: 1px solid #ea6424aa; border-bottom: 1px solid #ea6424aa; } pre { border: 1px solid #ea6424; border-radius: 3px; padding: 5px; width: 600px; background-color: #fff; } h4 { padding-top: 15px; font-size: 1.45em; }