* {
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: 1.9em;
margin-bottom: .7em;
}
ol, ul {
margin: .7em 0 0 1.3em;
}
li {
margin-bottom: 0.3em;
}
hr {
border: 0;
border-top: 1px dashed #d2d2d2;
height: 0;
margin: 1.6em 0;
}
header {
margin: 1.3em 0 2em;
}
.blink {
margin-left: -5px;
}