update splash screen

Remove icons+text; update close button

src/AnnularEclipse2023.vue

@@ -739,42 +739,17 @@
       <div
           id="first-splash-row"
         >
-          <div
+          <font-awesome-icon
             id="close-splash-button"
             @click="closeSplashScreen"
-            >&times;</div>
+            icon="xmark"  
+          />
           <div id="splash-screen-text">
             <p>WATCH the October 14</p>
             <p class="highlight"> Annular Eclipse </p>
           </div>
         </div>
 
-        <div id="splash-screen-guide">
-          <v-row>
-            <v-col cols="12">
-              <font-awesome-icon
-                icon="rocket"
-              /> Explore the view 
-            </v-col>
-            <v-col cols="12">
-              <font-awesome-icon
-                icon="location-dot"
-              /> Choose any location 
-            </v-col>
-            <v-col cols="12">
-              <font-awesome-icon
-                icon="puzzle-piece"
-              /> Identify the path 
-            </v-col>
-            <v-col cols="12">
-              <font-awesome-icon
-                icon="video"
-              />
-           New! Video guide 
-            </v-col>
-          </v-row>
-        </div>
-
         <div id="splash-screen-acknowledgements">
           Brought to you by <a href="https://www.cosmicds.cfa.harvard.edu/" target="_blank" rel="noopener noreferrer">Cosmic Data Stories</a> and <a href="https://www.worldwidetelescope.org/home/" target="_blank" rel="noopener noreferrer">WorldWide Telescope</a>.
 
@@ -3465,7 +3440,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 +3484,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;
@@ -3545,9 +3520,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 {