blob: 07c3715da728c83a65f89cc58cf0d59298d4fa21 (
plain) (
tree)
|
|
@font-face {
font-family: "Iosevka Slab";
src: url("/includes/iosevka-slab-regular.woff2");
}
:root {
--balboa: #195970;
--ruby: #9b111e;
--slate: #b9c2ca;
--charcoal: #798d94;
--white: white;
--box-radius: 0.5em;
--box-border: 0.5em solid var(--white);
}
body {
font-family: "Iosevka Slab", monospace;
font-size: 1.5em;
background-color: var(--balboa);
color: var(--white);
max-width: 50em;
margin: auto;
padding: 1em;
}
hr {
color: var(--white);
}
nav {
list-style-type: none;
text-align: center;
}
nav ul {
padding: 0;
margin: 0;
}
nav li {
display: inline-block;
margin: 0.5em;
padding: 0.5em;
}
nav img {
padding-right: 0.5em;
}
nav a:link,
nav a:visited,
nav a:hover,
nav a:active {
display: flex;
align-items: center;
color: var(--white);
text-decoration: none;
}
a:link {
color: var(--slate);
}
a:visited {
color: var(--charcoal);
}
pre {
white-space: pre-wrap;
display: block;
background-color: var(--charcoal);
padding: 1em;
border-radius: var(--box-radius);
border-left: var(--box-border);
border-right: var(--box-border);
}
.description {
background-color: var(--ruby);
padding: 1em;
border-radius: var(--box-radius);
border-left: var(--box-border);
border-right: var(--box-border);
}
h1,
blockquote {
font-style: oblique;
}
header {
text-align: center;
}
article ul {
list-style: none;
padding: 0;
margin: 0;
}
article ul li {
padding: 0.5em;
}
article ul li:before {
content: "➙";
padding-right: 0.5em;
}
article ol li {
padding: 0.5em;
}
p img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 25em;
height: auto;
border-radius: var(--box-radius);
border-left: var(--box-border);
border-right: var(--box-border);
}
iframe {
display: block;
margin-left: auto;
margin-right: auto;
}
.list {
overflow-x: auto;
}
.list table {
width: 100%;
}
.list td,
th {
padding: 0.5em;
text-align: left;
border-bottom: 1px solid var(--charcoal);
}
|