1/*
 2 * SPDX-FileCopyrightText: Amolith <amolith@secluded.site>
 3 *
 4 * SPDX-License-Identifier: CC0-1.0
 5 */
 6
 7html {
 8    max-width: 500px;
 9    margin: auto auto;
10    color: #2f2f2f;
11    background: white;
12}
13
14a {
15    color: #0640e0;
16}
17
18a:visited {
19    color: #0640e0;
20}
21
22.project {
23    max-width: 500px;
24    border: 2px solid #2f2f2f;
25    background: #f8f8f8;
26    border-radius: 5px;
27    margin-top: 20px;
28    padding: 20px 20px 0 20px;
29    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
30}
31
32.project > h2 {
33    margin-top: 0;
34}
35
36.project > p:first-of-type {
37    margin-bottom: 16px;
38}
39
40.project > h2 > span {
41    font-size: 12px;
42    float: right;
43}
44
45body > h1 > span {
46    font-size: 12px;
47    float: right;
48}
49
50.project > details > pre {
51    overflow: scroll;
52}
53
54summary {
55    cursor: pointer;
56}
57
58details summary > * {
59    display: inline;
60}
61
62@media (prefers-color-scheme: dark) {
63    html {
64        background: #171717;
65        color: #ccc;
66    }
67
68    a {
69        color: #5582ff;
70    }
71
72    a:visited {
73        color: #5582ff;
74    }
75
76    .project {
77        border: 2px solid #ccc;
78        background: #1c1c1c;
79    }
80}