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