-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
32 lines (29 loc) · 1.02 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/* For unit choice guidance: https://www.reddit.com/r/css/comments/kzkthl/what_units_do_you_use_px_vw_and_vh_em_rem/ */
@font-face {
font-family: 'Noto Color Emoji';
src: url(/NotoColorEmojiSubfont.woff2);
font-display: swap;
}
body {
text-align: center;
background-color: #000000;
color: #ffffff;
max-width: 48em;
margin: auto;
padding: 0.825rem;
font-family: serif, 'Noto Color Emoji';
}
/* TODO Make layouting more mobile friendly */
/* p and h3 come with +1em margin ootb, therefore 5em to normalize*/
h2 { background-color:#222222; }
hr { border: 1px dashed #008080; }
time { font-family: monospace; color: #888; }
a { text-decoration: none; }
a:link { color: #a9d9d9; }
a:visited { color: #d9a9a9; }
th, td { border: 1px solid; }
thead, th { border-bottom-style: double; }
table { border-collapse: collapse; margin: auto; }
p, h3 { text-align: left; margin-left: 5em; }
ol, ul, pre { text-align: left; margin-left: 6em; }
pre { margin-right: 6em; }