File size: 1,782 Bytes
e4c0c24 9b00fce e4c0c24 9b00fce e4c0c24 9b00fce e4c0c24 9b00fce e4c0c24 9b00fce e4c0c24 9b00fce e4c0c24 9b00fce | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 | :root {
color-scheme: dark;
font-family:
Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
sans-serif;
background: #080c14;
color: #f8fafc;
}
* {
box-sizing: border-box;
}
body {
min-height: 100vh;
margin: 0;
padding: 20px;
background:
radial-gradient(circle at 12% 10%, rgba(248, 113, 22, 0.22), transparent 32%),
linear-gradient(135deg, #0b1020 0%, #0a0d14 56%, #130b0a 100%);
}
a {
color: inherit;
text-decoration: none;
}
.org-card {
display: grid;
gap: 16px;
max-width: 980px;
margin: 0 auto;
}
.intro {
display: grid;
gap: 8px;
}
.eyebrow {
width: max-content;
margin: 0;
padding: 4px 9px;
border: 1px solid rgba(251, 146, 60, 0.4);
border-radius: 999px;
background: rgba(251, 146, 60, 0.12);
color: #fed7aa;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
h1 {
margin: 0;
color: #ffffff;
font-size: clamp(26px, 5vw, 44px);
line-height: 0.95;
letter-spacing: 0;
}
.summary {
max-width: 760px;
margin: 0;
color: #d1d5db;
font-size: 15px;
line-height: 1.45;
}
.spaces,
.footer-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.spaces a {
padding: 9px 11px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 8px;
background: rgba(255, 255, 255, 0.07);
color: #f8fafc;
font-size: 13px;
font-weight: 700;
line-height: 1;
transition:
border-color 160ms ease,
background 160ms ease,
transform 160ms ease;
}
.spaces a:hover {
border-color: rgba(251, 146, 60, 0.75);
background: rgba(251, 146, 60, 0.18);
transform: translateY(-1px);
}
.footer-links a {
color: #fdba74;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 540px) {
body {
padding: 16px;
}
.spaces {
display: grid;
}
}
|