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 > h2 > span {
37    font-size: 12px;
38    float: right;
39}
40
41body > h1 > span {
42    font-size: 12px;
43    float: right;
44}
45
46.project > details > pre {
47    overflow: scroll;
48}
49
50summary {
51    cursor: pointer;
52}
53
54details summary > * {
55    display: inline;
56}
57
58@media (prefers-color-scheme: dark) {
59    html {
60        background: #171717;
61        color: #ccc;
62    }
63
64    a {
65        color: #5582ff;
66    }
67
68    a:visited {
69        color: #5582ff;
70    }
71
72    .project {
73        border: 2px solid #ccc;
74        background: #1c1c1c;
75    }
76}