馃 distributed transcription service
thistle.dunkirk.sh
dunkirk.sh
1.hero-title {
2 font-size: 3rem;
3 font-weight: 700;
4 color: var(--text);
5 margin-bottom: 1rem;
6}
7
8.hero-subtitle {
9 font-size: 1.25rem;
10 color: var(--text);
11 opacity: 0.8;
12 margin-bottom: 2rem;
13}
14
15main {
16 text-align: center;
17 padding: 4rem 2rem;
18}
19
20.cta-buttons {
21 display: flex;
22 gap: 1rem;
23 justify-content: center;
24 margin-top: 2rem;
25}
26
27.btn {
28 padding: 0.75rem 1.5rem;
29 border-radius: 6px;
30 font-size: 1rem;
31 font-weight: 500;
32 cursor: pointer;
33 transition: all 0.2s;
34 font-family: inherit;
35 border: 2px solid;
36 text-decoration: none;
37 display: inline-block;
38}
39
40.btn-primary {
41 background: var(--primary);
42 color: white;
43 border-color: var(--primary);
44}
45
46.btn-primary:hover {
47 background: transparent;
48 color: var(--primary);
49}
50
51.btn-secondary {
52 background: transparent;
53 color: var(--text);
54 border-color: var(--secondary);
55}
56
57.btn-secondary:hover {
58 border-color: var(--primary);
59 color: var(--primary);
60}
61
62@media (max-width: 640px) {
63 .hero-title {
64 font-size: 2.5rem;
65 }
66
67 .cta-buttons {
68 flex-direction: column;
69 align-items: center;
70 }
71}