body { font: 16px/1.8 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; background-color: #cc3333; } .wrap { width: 96%; max-width: 800px; margin: 20px auto; } .note { padding: 20px; } .by { font-size: 12px; } .by a { color: #ff6666; text-decoration: none; transition: color 0.3s; } .by a:hover { color: #fff; } h1 { margin: 0 0 30px 0; line-height: 1.2; font-size: 36px; } h2 { margin: 30px 0 20px 0; line-height: 1.2; font-size: 24px; } pre {  margin: 30px 0 20px 0; padding: 20px; line-height: 1.6; font-size: 14px; color: #fff; background-color: #990000; border-radius: 1px;  word-break: break-word; white-space: pre-line; overflow-wrap: break-word; word-wrap: break-word;  } a { color: #fff; } a:hover { text-decoration: none; }