diff --git a/src/AnnularEclipse2023.vue b/src/AnnularEclipse2023.vue index 9d29f1d..c117dc7 100644 --- a/src/AnnularEclipse2023.vue +++ b/src/AnnularEclipse2023.vue @@ -739,40 +739,29 @@
-
×
+ icon="xmark" + />

WATCH the October 14

Annular Eclipse

- -
- - - Explore the view - - - Choose any location - - - Identify the path - - - - New! Video guide - - + +
+ + Get Started +
@@ -3465,7 +3454,7 @@ body { padding-top: 4rem; padding-bottom: 1rem; - border-radius: 10%; + border-radius: 30px; border: min(1.2vw, 0.9vh) solid var(--accent-color); overflow: auto; font-family: 'Highway Gothic Narrow', 'Roboto', sans-serif; @@ -3509,11 +3498,11 @@ body { #close-splash-button { position: absolute; - top: 0.5rem; - right: 1.75rem; + top: 20px; + right: 20px; text-align: end; color: var(--accent-color); - font-size: min(8vw, 5vh); + font-size: min(5vw, 4vh); &:hover { cursor: pointer; @@ -3528,6 +3517,14 @@ body { } +.splash-get-started { + border: 2px solid white; + font-size: calc(1.8 * var(--default-font-size)); + margin-top: 5%; + margin-bottom: 2%; + font-weight: bold !important; +} + #splash-screen-guide { margin-block: 1.5em; font-size: min(5vw, 4vh); @@ -3545,9 +3542,10 @@ body { } #splash-screen-acknowledgements { + margin-top: 3rem; font-size: calc(1.7 * var(--default-font-size)); line-height: calc(1.5 * var(--default-line-height)); - width: 70%; + width: 60%; } #splash-screen-logos {