A music player that connects to your cloud/distributed storage.
1@charset "UTF-8";
2
3
4/* Imports
5 ------- */
6
7@import "tailwindcss/base";
8@import "tailwindcss/components";
9@import "tailwindcss/utilities";
10
11@import "Fonts.css";
12@import "Logo.css";
13
14
15
16/* Basic
17 ----- */
18
19p a,
20ul a,
21ol a {
22 @apply underline;
23 text-underline-offset: 2px;
24}
25
26h1, h2, h3, h4, h5, h6 {
27 @apply antialiased font-bold leading-tight;
28 font-family: "Playfair Display", serif;
29 letter-spacing: -0.005em;
30}
31
32h1 { display: none }
33h2 { @apply mb-6 mt-12 text-2xl }
34h3 { @apply mb-5 mt-8 text-xl }
35h4 { @apply mb-4 mt-6 text-lg }
36h5 { @apply mb-5 mt-6 text-base }
37
38p {
39 @apply leading-relaxed my-3
40}
41
42strong {
43 @apply font-semibold;
44}
45
46
47
48/* Blockquote
49 ---------- */
50
51blockquote {
52 @apply font-display font-bold max-w-xl mb-12 ml-0 mt-12 pl-0 tracking-tight;
53}
54
55blockquote p {
56 @apply leading-tight text-5xl;
57 background: url(images/Background/21.jpg);
58 background-position: center 33%;
59 background-size: cover;
60 color: #B7C2D4;
61
62 background-clip: text;
63 -webkit-background-clip: text;
64 -webkit-text-fill-color: transparent;
65}
66
67
68
69/* Code
70 ---- */
71
72pre {
73 @apply border-2 border-gray-400 leading-relaxed overflow-x-auto overflow-y-hidden p-6 rounded text-sm;
74}
75
76code {
77 @apply font-mono;
78}
79
80@screen dark {
81 pre {
82 @apply border-base01;
83 }
84}
85
86.hljs-comment,
87.language-shell .hljs-meta,
88.language-shell .hljs-meta + .bash {
89 opacity: 0.5;
90}
91
92.hljs-string {
93 @apply text-base0b;
94}
95
96
97
98/* Links
99 ----- */
100
101h5 + p a {
102 @apply inline-block mb-2;
103}
104
105
106
107/* Lists
108 ----- */
109
110ul, ol { @apply leading-relaxed ml-3 }
111ul li, ol li { @apply mb-1 }
112
113ol {
114 counter-reset: ol;
115}
116
117ol li::before {
118 @apply pr-3 inline-block text-base06;
119 counter-increment: ol;
120 content: counters(ol, ".") ".";
121}
122
123ul li::before {
124 @apply pr-3 inline-block text-base06;
125 content: "•";
126}