@@ -41,7 +41,7 @@ $title-size: 3em;
41
41
text-decoration : none ;
42
42
user-select : none ;
43
43
padding : 10px 20px ;
44
- border-radius : 20 px ;
44
+ border-radius : 50 px ;
45
45
display : inline-block ;
46
46
color : white ;
47
47
cursor : pointer ;
@@ -191,37 +191,28 @@ nav {
191
191
// This lets the different h elements
192
192
// appear to be equally spaced.
193
193
line-height : 0.7 ;
194
- margin-bottom : 40 px ;
194
+ margin-bottom : 30 px ;
195
195
}
196
196
197
197
#bh7 {
198
- font-size : 6 em ;
198
+ font-size : 5.4 em ;
199
199
font-weight : $font-extrabold ;
200
200
}
201
201
202
- #dates {
203
- font-size : 2 em ;
204
- font-weight : $font-extrabold ;
202
+ #premiere {
203
+ font-size : 2.5 em ;
204
+ font-weight : $font-medium ;
205
205
}
206
206
207
- #action-buttons {
208
- display : flex ;
209
- justify-content : space-between ;
210
- width : 80% ;
211
-
212
- #register , #discord {
213
- @include button ;
214
- font-size : 2.3em ;
215
- width : 48% ;
216
- text-align : center ;
217
- }
207
+ #dates {
208
+ font-size : 1.3em ;
209
+ font-weight : $font-regular ;
210
+ }
218
211
219
- #discord {
220
- background-color : $dark-blue ;
221
- & :hover {
222
- background-color : lighten ($dark-blue , 5% );
223
- }
224
- }
212
+ #register {
213
+ @include button ;
214
+ padding : 10px 80px ;
215
+ font-size : 2em ;
225
216
}
226
217
227
218
// Hero Graphics
@@ -1249,6 +1240,18 @@ footer {
1249
1240
}
1250
1241
1251
1242
#hero {
1243
+ #bh7 {
1244
+ font-size : 6.4em ;
1245
+ }
1246
+
1247
+ #premiere {
1248
+ font-size : 3em ;
1249
+ }
1250
+
1251
+ #dates {
1252
+ font-size : 1.6em ;
1253
+ }
1254
+
1252
1255
#register {
1253
1256
font-size : 2.3em ;
1254
1257
}
@@ -1277,13 +1280,18 @@ footer {
1277
1280
}
1278
1281
1279
1282
#hero {
1283
+
1280
1284
#bh7 {
1281
1285
font-size : 5.0em ;
1282
1286
}
1283
1287
1284
- // #dates {
1285
- // font-size: 1.7em;
1286
- // }
1288
+ #premiere {
1289
+ font-size : 2.0em ;
1290
+ }
1291
+
1292
+ #dates {
1293
+ font-size : 1.1em ;
1294
+ }
1287
1295
1288
1296
#shapes {
1289
1297
right : -100px ;
@@ -1385,20 +1393,6 @@ footer {
1385
1393
1386
1394
@media screen and (max-width : 1220px ) {
1387
1395
1388
- #hero {
1389
- #dates {
1390
- font-size : 1.5em ;
1391
- }
1392
-
1393
- #action-buttons {
1394
- width : 70% ;
1395
-
1396
- #register , #discord {
1397
- font-size : 1.7em ;
1398
- }
1399
- }
1400
- }
1401
-
1402
1396
#hackathon #hackathon-content #hackathon-buttons {
1403
1397
width : 100% ;
1404
1398
}
@@ -1527,20 +1521,16 @@ footer {
1527
1521
font-size : 4.2em ;
1528
1522
}
1529
1523
1530
- #hero-text {
1531
- margin-top : 10 vh ;
1524
+ #premiere {
1525
+ font-size : 2.0 em ;
1532
1526
}
1533
1527
1534
1528
#dates {
1535
- font-size : 1.5 em ;
1529
+ font-size : 1.1 em ;
1536
1530
}
1537
1531
1538
- #action-buttons {
1539
- width : 60% ;
1540
-
1541
- #register , #discord {
1542
- font-size : 1.2em ;
1543
- }
1532
+ #hero-text {
1533
+ margin-top : 10vh ;
1544
1534
}
1545
1535
1546
1536
#desk-container {
@@ -1737,23 +1727,18 @@ footer {
1737
1727
1738
1728
p {
1739
1729
line-height : 0.4 ;
1740
- margin-bottom : 25px ;
1741
1730
}
1742
1731
1743
1732
#bh7 {
1744
- font-size : 3 em ;
1733
+ font-size : 2.4 em ;
1745
1734
}
1746
1735
1747
- #dates {
1748
- font-size : 1 em ;
1736
+ #premiere {
1737
+ font-size : 1.5 em ;
1749
1738
}
1750
1739
1751
- #action-buttons {
1752
- width : 80% ;
1753
-
1754
- #register , #discord {
1755
- font-size : 1.2em ;
1756
- }
1740
+ #dates {
1741
+ font-size : 0.7em ;
1757
1742
}
1758
1743
1759
1744
#desk-container {
@@ -1856,7 +1841,7 @@ footer {
1856
1841
1857
1842
@media screen and (max-width : 320px ) {
1858
1843
1859
- #hero #dates {
1844
+ #hero #premiere {
1860
1845
font-size : 1.2em ;
1861
1846
}
1862
1847
}
0 commit comments