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    padding-bottom: 20px;
22}
23
24a {
25    color: #0640e0;
26}
27
28a:visited {
29    color: #0640e0;
30}
31
32.project {
33    max-width: 500px;
34    border: 2px solid #2f2f2f;
35    background: #f8f8f8;
36    border-radius: 5px;
37    margin-top: 20px;
38    padding: 20px 20px 0 20px;
39    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
40}
41
42.project > h2 {
43    margin-top: 0;
44}
45
46.project > p:first-of-type {
47    margin-bottom: 16px;
48}
49
50.project > h2 > span {
51    font-size: 12px;
52    float: right;
53}
54
55body > h1 > span {
56    font-size: 12px;
57    float: right;
58}
59
60.project > details > pre {
61    overflow: scroll;
62}
63
64summary {
65    cursor: pointer;
66}
67
68details summary > * {
69    display: inline;
70}
71
72@media (prefers-color-scheme: dark) {
73    html {
74        background: #171717;
75        color: #ccc;
76    }
77
78    a {
79        color: #5582ff;
80    }
81
82    a:visited {
83        color: #5582ff;
84    }
85
86    .project {
87        border: 2px solid #ccc;
88        background: #1c1c1c;
89    }
90}