Getting somewhere

Styles/main.scss

@@ -6,7 +6,9 @@ $fxl-orange: #ff6e40;
   $on-primary: $fxl-gray
 );
 
+@use "@material/button/styles";
 @use "@material/icon-button/icon-button";
+@use "@material/linear-progress";
 @use "@material/top-app-bar/mdc-top-app-bar";
 @use "@material/typography/mdc-typography";
 
@@ -18,17 +20,43 @@ html, body {
 
 body {
   @include icon-button.core-styles;
-  
+
   display: flex;
   flex-direction: column;
-  
+
   main {
     display: flex;
     flex: 1;
     flex-direction: column;
+
+    header {
+      ul {
+        align-content: center;
+        display: flex;
+        justify-content: center;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+
+        li {
+          margin: 0 0.25em;
+        }
+      }
+    }
+
+    article {
+      display: flex;
+      flex: 1;
+      text-align: center;
+
+      canvas {
+        margin: 2em auto;
+      }
+    }
   }
-  
+
   footer {
+    background-color: $fxl-orange;
     font-size: smaller;
     text-align: center;
   }