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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

:root {
	font-family: serif;
	text-rendering: optimizelegibility;
	font-kerning: normal;
	color-scheme: light dark;
}
/* <https://github.com/whatwg/html/issues/5426#issuecomment-607286557> */
@supports (color-scheme: light dark) {
	@media (prefers-color-scheme: dark) {
		a { color: gold; }
	}
}
main {
	margin: 0 auto;
}

.container {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

.container #left {
	grid-column: 1;
}

.container #right {
	margin-left: 1em;
	grid-column: 2;
}
@media screen and (max-width: 900px) {
	.container {
		display: table
	}
}


code { font-family: monospace }

.h-event .p-summary { display: inline-table }

h1,h2,h3,h4,h5,h6 {
	font-family: sans-serif;
	font-kerning: auto;
}

dt {
	font-weight: bold;
}

h1,h2 {
	display: table;
	padding: 0.25ex 0.5em;
}

h1 { border-bottom: 2pt solid }
h2 { border-bottom: 1pt solid }

dd {
	margin-left: 1.5rem;
}

#skills dd {
	display: inline-block;
	border-bottom: 1px dashed gray;
}

@media screen {
	main { max-width: 90em }
}

@media print {
	nav, footer { display: none }
	a:not(.no-print)::after { content: " (" attr(href) ")"; }
	a::after {
		font-family: monospace;
		font-size: 0.9rem;
		color: initial;
	}
	a {
		text-decoration: none;
		color: blue;
	}
	section { page-break-inside: avoid }
}