1 files changed, 33 insertions, 0 deletions
diff --git a/style.css b/style.css
index cc09a9a..7d48241 100644
--- a/style.css
+++ b/style.css
@@ -46,6 +46,19 @@ body:not(.resources-loaded) #play-paragraph {
     display: none;
 }
 
+body:not(.game-over) #final-results {
+    opacity: 0;
+}
+
+#final-results {
+    transition: opacity 1s;
+}
+
+/* We have to hide these, or else they messes up layouting of elements below it. */
+body.game-over #results, body.game-over #choice-container {
+    display: none;
+}
+
 #crash-trace {
     text-align: start;
     border: 1pt dotted white;
@@ -205,6 +218,26 @@ body:not(.resources-loaded) #play-paragraph {
     background-color: red;
 }
 
+body:not(.mode-time-trial) #time-trial-heading {
+    display: none;
+}
+
+#time-trial-heading {
+    color: rgba(255, 255, 255, 0.3);
+}
+
+#time-trial-time {
+    color: red;
+}
+
+#final-correct, #final-correct + span {
+    color: green;
+}
+
+#final-incorrect, #final-incorrect + span {
+    color: red;
+}
+
 body, html {
     width: 100%;
     height: 100%;