Reflection on how the main page works.

static/css/index.css

@@ -38,6 +38,13 @@ body {
     color: white;
 }
 
+.app > label {
+    color: white;
+    font-size: 24px;
+    font-weight: bold;
+    margin-top: 8px;
+}
+
 .app > h1 {
     color: yellow;
 }
@@ -56,7 +63,7 @@ body {
     resize: vertical;
 }
 
-.buttons > button {
+.app-nav > button {
     font-size: 16px;
     margin: 4px 0 4px 0;
     padding: 5px;
@@ -66,19 +73,19 @@ body {
     border-radius: 5px;
 }
 
-.buttons {
+.app-nav {
     width: 100%;
     display: grid;
     gap: 5px;
     grid-template-columns: repeat(2, 50% [col-start]);
 }
 
-.left {
+.left-button {
     grid-column-start: 1;
     grid-column-end: 2;
 }
 
-.right {
+.right-button {
     grid-column-start: 2;
     grid-column-end: 3;
 }