Skip to content

Commit b46b545

Browse files
committed
Font update
1 parent dd75028 commit b46b545

File tree

1 file changed

+38
-31
lines changed

1 file changed

+38
-31
lines changed

css/main.scss

Lines changed: 38 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@ html {
1212
}
1313

1414
body {
15-
background-color: #000000 !important;
16-
color: #ffffff !important;
15+
background-color: #0a0a0a !important;
16+
color: #e8e8e8 !important;
1717
font-family: 'Georgia', 'Times New Roman', Times, serif !important;
1818
font-size: 20px !important;
1919
line-height: 1.7 !important;
@@ -47,10 +47,11 @@ body {
4747
}
4848

4949
.nav-title {
50-
font-size: 1.2rem;
51-
font-weight: 600;
52-
color: #ffffff;
50+
font-size: 1.15rem;
51+
font-weight: 500;
52+
color: #f0f0f0;
5353
margin: 0;
54+
font-family: 'Crimson Text', Georgia, serif;
5455
}
5556

5657
.nav-links {
@@ -62,16 +63,17 @@ body {
6263
}
6364

6465
.nav-links a {
65-
color: #cccccc;
66+
color: #d0d0d0;
6667
text-decoration: none;
67-
font-size: 1rem;
68-
transition: color 0.2s ease;
68+
font-size: 0.95rem;
69+
transition: color 0.3s ease;
6970
position: relative;
71+
font-weight: 400;
7072
}
7173

7274
.nav-links a:hover,
7375
.nav-links a.active {
74-
color: #ffffff;
76+
color: #f0f0f0;
7577
}
7678

7779
.nav-links a.active::after {
@@ -81,7 +83,7 @@ body {
8183
left: 0;
8284
right: 0;
8385
height: 1px;
84-
background: #ffffff;
86+
background: #e0e0e0;
8587
}
8688

8789
/* Main Content */
@@ -107,21 +109,23 @@ body {
107109
.section-title {
108110
position: sticky;
109111
top: 6rem;
110-
font-size: 2.5rem;
111-
font-weight: 600;
112-
color: #ffffff;
112+
font-size: 2.2rem;
113+
font-weight: 500;
114+
color: #f0f0f0;
113115
margin: 0;
114-
line-height: 1.2;
115-
letter-spacing: -0.02em;
116+
line-height: 1.25;
117+
letter-spacing: -0.015em;
116118
text-align: left;
117119
align-self: start;
120+
font-family: 'Crimson Text', Georgia, serif;
118121
}
119122

120123
.section-content {
121124
max-width: none;
122-
color: #cccccc;
123-
line-height: 1.7;
124-
font-size: 1.1rem;
125+
color: #d5d5d5;
126+
line-height: 1.75;
127+
font-size: 1.08rem;
128+
font-weight: 400;
125129
}
126130

127131
.container {
@@ -168,20 +172,22 @@ body {
168172
}
169173

170174
.hero-title {
171-
font-size: 3.5rem;
172-
font-weight: 600;
173-
color: #ffffff;
175+
font-size: 3.2rem;
176+
font-weight: 500;
177+
color: #f5f5f5;
174178
margin: 0 0 1.5rem 0;
175-
line-height: 1.1;
176-
letter-spacing: -0.02em;
179+
line-height: 1.15;
180+
letter-spacing: -0.015em;
181+
font-family: 'Crimson Text', Georgia, serif;
177182
}
178183

179184
.hero-subtitle {
180-
font-size: 1.3rem;
181-
color: #cccccc;
185+
font-size: 1.25rem;
186+
color: #d0d0d0;
182187
margin: 0 0 3rem 0;
183188
max-width: 500px;
184-
line-height: 1.6;
189+
line-height: 1.65;
190+
font-weight: 400;
185191
}
186192

187193
.social-links {
@@ -192,16 +198,17 @@ body {
192198
}
193199

194200
.social-links a {
195-
color: #cccccc;
201+
color: #d0d0d0;
196202
text-decoration: none;
197-
font-size: 1rem;
198-
transition: color 0.2s ease;
203+
font-size: 0.95rem;
204+
transition: all 0.3s ease;
199205
border-bottom: 1px solid transparent;
206+
font-weight: 400;
200207
}
201208

202209
.social-links a:hover {
203-
color: #ffffff;
204-
border-bottom-color: #ffffff;
210+
color: #f0f0f0;
211+
border-bottom-color: #e0e0e0;
205212
}
206213

207214
/* Mobile responsive for hero */

0 commit comments

Comments
 (0)