1html {
 2    max-width: 500px;
 3    margin: auto auto;
 4    color: #2f2f2f;
 5    background: white;
 6}
 7
 8a {
 9    color: #0640e0;
10}
11
12a:visited {
13    color: #0640e0;
14}
15
16.project {
17    max-width: 500px;
18    border: 2px solid #ccc;
19    background: #f8f8f8;
20    border-radius: 5px;
21    margin-top: 20px;
22    padding: 20px 20px 0 20px;
23}
24
25.project > h2 {
26    margin-top: 0;
27}
28
29.project > h2 > span {
30    float: right;
31}
32
33.project > details > pre {
34    overflow: scroll;
35}
36
37summary {
38    cursor: pointer;
39}
40
41details summary > * {
42    display: inline;
43}
44
45@media (prefers-color-scheme: dark) {
46    html {
47        background: #171717;
48        color: #ccc;
49    }
50
51    a {
52        color: #5582ff;
53    }
54
55    a:visited {
56        color: #5582ff;
57    }
58
59    .project {
60        border: 2px solid #444;
61        background: #1c1c1c;
62    }
63}