* {
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;
}
.btn-back {
text-align: center;
margin: 3em 0 3em;
}
.btn-back span {
display:inline-block;
transform: scale(2.5);
translate: -.2em -.1em;
}
@media screen and (max-width: 700px) {
body {
font-size: 17px;
}
ol, ul {
padding-left: 17px;
}
}
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
header > ul {
list-style: none;
padding: 0;
margin: 1em 0 0 0;
}
header > ul > li {
display: inline;
margin-right: .5em;
}