char/bio.char.lt

git clone https://git.t4t.associates/char/bio.char.lt

Charlotte Somdrop emoji fonta6cb201

main
branchesmainall refs →
1.7 KiB119 linesraw
1:root {
2  --bg-col: #121212;
3  --fg-col: #ffffff;
4  --accent-col: rgb(255, 167, 248);
5  --accent-col-2: rgb(255, 93, 241);
6}
7
8html {
9  color-scheme: dark;
10
11  font-family: "Rouna", sans-serif;
12  font-size: 14pt;
13
14  background-color: var(--bg-col);
15  color: var(--fg-col);
16}
17
18body {
19  max-width: 36em;
20  margin: 0 auto;
21}
22
23h1 {
24  margin: 0;
25  font-size: 2rem;
26}
27h2,
28h3 {
29  margin: 0;
30  font-size: 1em;
31}
32
33main {
34  margin: 2em 0;
35  padding: 1em 1.618em;
36  border-radius: 1em;
37  border: 2px solid var(--fg-col);
38  box-sizing: content-box;
39}
40main > :first-child {
41  margin-top: 0;
42}
43main > :last-child {
44  margin-bottom: 0;
45}
46
47header {
48  display: flex;
49
50  padding-bottom: 0.5em;
51  margin-bottom: 1em;
52  border-bottom: 1px dashed #444;
53}
54
55header aside img {
56  height: 6em;
57  margin-left: 1em;
58  border-radius: 0.25em;
59}
60
61footer {
62  display: grid;
63  grid-template-columns: 1fr 1fr 1fr;
64
65  font-size: 12pt;
66  text-align: center;
67
68  margin-top: 1em;
69  padding-top: 0.5em;
70
71  border-top: 1px dashed #444;
72}
73
74section {
75  margin: 0.5em 0;
76}
77
78p {
79  margin: 0.5em 0;
80}
81
82ul, ol {
83  margin: 1em;
84  padding: 0;
85}
86
87a {
88  color: var(--accent-col);
89  text-decoration: none;
90  border-bottom: 1px solid var(--accent-col);
91
92  transition: 0.2s;
93  transition-property: color border-color;
94}
95a:hover,
96a:focus,
97a:active {
98  color: var(--accent-col-2);
99  border-color: var(--accent-col-2);
100}
101
102.inline-list {
103  list-style: none;
104  display: flex;
105  flex-direction: row;
106  flex-wrap: wrap;
107
108  margin: 0;
109  padding: 0;
110}
111.inline-list li {
112  display: inline-block;
113  margin: 0;
114  padding-inline-end: 0.5ch;
115}
116.inline-list li + li {
117  border-inline-start: 2px solid white;
118  padding-inline-start: 0.5ch;
119}