Center the start menu and adjust tooltip positions

satiate.css

@@ -38,8 +38,12 @@ a:hover {
   text-decoration: none;
 }
 
-#pick {
+#pick.scene {
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
 #pick-blurb {
@@ -485,12 +489,13 @@ a:hover {
   position: absolute;
   display: none;
   background: gray;
-  top: -20pt;
   left: 50%;
+  top: 0%;
+  transform: translate(48pt, -100%);
+  padding: 5pt;
   color: #eee;
   border-radius: 5pt;
   pointer-events: none;
-  transform: translate(-50%, 0);
 }
 
 .tooltip:hover::before {

satiate.js

@@ -185,7 +185,7 @@ function initStart() {
     })
 
     document.querySelector("#description").innerText = story.info.desc;
-    document.querySelector("#start-button").style.display = "inline";
+    document.querySelector("#start-button").style.display = "block";
   });
 
   const start = document.querySelector("#start-button");