html { font-size: 10px } body { color: #333; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.6; padding: 0; margin: 0 } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 1em } h1 { font-size: 32px } h2 { font-size: 28px } h3 { font-size: 24px } h4 { font-size: 20px } h5 { font-size: 16px } h6 { font-size: 14px } p { font-size: 16px; margin: 0 0 0.5em } a { color: #007bff; text-decoration: none } a:hover, a:focus { color: #0056b3; text-decoration: underline } ul, ol { padding: 0; margin: 0 0 1.5em 1.5em } li { margin: 0.5em 0 } blockquote { background-color: #f9f9f9; color: #555; font-style: italic; border-left: 5px solid #ddd; padding: 0.5em 1.5em; margin: 1.5em 0 } code, pre { background-color: #f4f4f4; font-family: Consolas, Lucida Console, Monaco, monospace; text-align: left; font-size: 14px } code { border-radius: 3px; padding: 2px 4px } pre { padding: 10px; overflow-x: auto; border-radius: 5px; margin-bottom: 1.5em } img { width: auto; max-width: 100%; height: auto; border: 0 } strong { font-weight: bold } em { font-style: italic } hr { background: #ccc; height: 1px; border: 0; margin: 2em 0 }