@@ -41,7 +41,7 @@ $title-size: 3em;
4141 text-decoration : none ;
4242 user-select : none ;
4343 padding : 10px 20px ;
44- border-radius : 20 px ;
44+ border-radius : 50 px ;
4545 display : inline-block ;
4646 color : white ;
4747 cursor : pointer ;
@@ -191,37 +191,28 @@ nav {
191191 // This lets the different h elements
192192 // appear to be equally spaced.
193193 line-height : 0.7 ;
194- margin-bottom : 40 px ;
194+ margin-bottom : 30 px ;
195195 }
196196
197197 #bh7 {
198- font-size : 6 em ;
198+ font-size : 5.4 em ;
199199 font-weight : $font-extrabold ;
200200 }
201201
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 ;
205205 }
206206
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+ }
218211
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 ;
225216 }
226217
227218 // Hero Graphics
@@ -1249,6 +1240,18 @@ footer {
12491240 }
12501241
12511242 #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+
12521255 #register {
12531256 font-size : 2.3em ;
12541257 }
@@ -1277,13 +1280,18 @@ footer {
12771280 }
12781281
12791282 #hero {
1283+
12801284 #bh7 {
12811285 font-size : 5.0em ;
12821286 }
12831287
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+ }
12871295
12881296 #shapes {
12891297 right : -100px ;
@@ -1385,20 +1393,6 @@ footer {
13851393
13861394@media screen and (max-width : 1220px ) {
13871395
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-
14021396 #hackathon #hackathon-content #hackathon-buttons {
14031397 width : 100% ;
14041398 }
@@ -1527,20 +1521,16 @@ footer {
15271521 font-size : 4.2em ;
15281522 }
15291523
1530- #hero-text {
1531- margin-top : 10 vh ;
1524+ #premiere {
1525+ font-size : 2.0 em ;
15321526 }
15331527
15341528 #dates {
1535- font-size : 1.5 em ;
1529+ font-size : 1.1 em ;
15361530 }
15371531
1538- #action-buttons {
1539- width : 60% ;
1540-
1541- #register , #discord {
1542- font-size : 1.2em ;
1543- }
1532+ #hero-text {
1533+ margin-top : 10vh ;
15441534 }
15451535
15461536 #desk-container {
@@ -1737,23 +1727,18 @@ footer {
17371727
17381728 p {
17391729 line-height : 0.4 ;
1740- margin-bottom : 25px ;
17411730 }
17421731
17431732 #bh7 {
1744- font-size : 3 em ;
1733+ font-size : 2.4 em ;
17451734 }
17461735
1747- #dates {
1748- font-size : 1 em ;
1736+ #premiere {
1737+ font-size : 1.5 em ;
17491738 }
17501739
1751- #action-buttons {
1752- width : 80% ;
1753-
1754- #register , #discord {
1755- font-size : 1.2em ;
1756- }
1740+ #dates {
1741+ font-size : 0.7em ;
17571742 }
17581743
17591744 #desk-container {
@@ -1856,7 +1841,7 @@ footer {
18561841
18571842@media screen and (max-width : 320px ) {
18581843
1859- #hero #dates {
1844+ #hero #premiere {
18601845 font-size : 1.2em ;
18611846 }
18621847}
0 commit comments