diff --git a/www/index.html b/www/index.html
index eeaa14f3..76fa7b80 100644
--- a/www/index.html
+++ b/www/index.html
@@ -4,15 +4,25 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
+      body {
+        background-color: hsl(100, 10%, 60%);
+        color: hsl(0, 0%, 15%);
+      }
       h1 {
+        background-color: rgb(72, 97, 72);
         text-align: center;
+        margin: auto;
+        padding: 0.5em;
       }
       canvas {
-        padding-left: 0;
-        padding-right: 0;
+        margin-top: 1em;
         margin-left: auto;
         margin-right: auto;
         display: block;
+        outline-color: hsl(100, 100%, 15%);
+        outline-style: outset;
+        border-radius: 8px;
+        background-color: rgb(40%, 40%, 40%);
       }
       main {
         margin-left: auto;
@@ -20,11 +30,12 @@
         width: 70%;
       }
       table {
+        margin-bottom: 10px;
         border-collapse: collapse;
       }
       th, td {
         border: 1px solid;
-        padding: 2px 4px;
+        padding: 0.1em 0.3em;
       }
     </style>
   </head>