1 files changed, 38 insertions, 10 deletions

diff --git a/static/styles.css b/static/styles.css
index a15f136..aacacd2 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -6,8 +6,12 @@ h1 {
   margin: 0;
 }
 
+div.pagetop {
+  padding: 0;
+  background-image: linear-gradient(darkgreen, honeydew);
+}
+
 h1.jumbo {
-  background-image: linear-gradient(green, darkgreen);
   color: white;
   text-align: center;
   font-size: 10em;
@@ -26,13 +30,16 @@ div {
   padding: 1em;
 }
 
-table#toplinks {
-  width: 100%;
-  td {
-    width: 1%;
-    text-align: center;
+ul.toplinks {
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  list-style-type: none;
+  li {
+    padding: 5px 20px;
+    display: inline-block;
     a {
-      font-size: 2em;
+      font-size: 1.75em;
       color: green;
       text-decoration: none;
     }
@@ -51,17 +58,38 @@ div#quote {
   font-weight: bold;
 }
 
-span.waste-refuse {
+.waste-refuse {
   color: white;
   background-color: black;
 }
 
-span.waste-recycling {
+.waste-recycling {
   color: white;
   background-color: darkgreen;
 }
 
-span.waste-garden {
+.waste-garden {
   color: white;
   background-color: saddlebrown;
 }
+
+table.waste-table {
+  border-collapse: collapse;
+  td {
+    width: 15px;
+    height: 15px;
+    text-align: center;
+  }
+  td.morning {
+    border: 2px solid black;
+    border-right: 1px dotted grey;
+  }
+  td.evening {
+    border: 2px solid black;
+    border-left: 1px dotted grey;
+    opacity: 50%;
+  }
+  td.arrow {
+    font-size: 2em;
+  }
+}