* { scrollbar-color: #202324 #454a4d; } html, body { background-color: #232830; } body { font-family: 'Lora', serif; font-size: 26px; text-rendering: optimizeLegibility; max-width: 40em; margin: 0 auto; padding: 1em; } body, a { color: #c0c5ce; } a { text-decoration: underline; text-decoration-color: #283593; text-decoration-thickness: 2px; } a:hover { text-decoration: underline; text-decoration-color: #5f5fc4; text-decoration-thickness: 2px; } p { margin-bottom: .7em; text-align: justify; } h1 { font-size: 2em; margin-bottom: .7em; } ol, ul { margin: .7em 0 0 1.4em; } li { margin-bottom: 0.4em; } hr { border: 0; border-top: 1px dashed #d2d2d2; height: 0; margin: 1.7em 0; } header { margin: 1.2em 0 2em; } footer { color: #8e8e8e; font-size: .7em; text-align: center; margin: 5em 0 2em; } .blink { margin-left: -5px; } @media screen and (max-width: 700px) { body { font-size: 17px; } ol, ul { padding-left: 17px; } }