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 @@
-
-
- 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 {