improve style and base layout

assets/sass/_taxonomy.sass

@@ -0,0 +1,79 @@
+
+table#taxonomy-table
+    width: 100%
+    border-collapse: collapse
+    // border: 3px solid $darkest
+    box-sizing: border-box
+    background: $surface
+    text-align: left
+
+    tr:nth-child(even)
+        background: darken($surface, 2%)
+        transition: background 0.4s
+    tr:nth-child(odd)
+        background: lighten($surface, 3%)
+        transition: background 0.4s
+    tr:hover, tr:focus
+        background: $border
+
+#taxonomy-table thead
+    text-align: left
+    border: none
+    background: $darkest
+    border-radius: $border-radius $border-radius 0 0
+
+#taxonomy-table th
+    color: $text
+    padding: 0.6rem 0.6rem
+    text-align: left
+    font-weight: 600
+    border: none
+
+#taxonomy-table td
+    padding: 0.3rem 0.6rem
+    text-align: left
+    font-weight: 600
+    border: none
+
+#taxonomy-table tr
+    border-bottom: 3px solid $background
+    &:hover, &:focus
+        background: $primary-light
+
+#taxonomy-table a.term-link
+    padding: 0.2rem 0.6rem
+    margin: 0.2rem
+    display: inline-block
+    border-radius: $border-radius
+    text-decoration: none
+    font-weight: 500
+    color: $text
+    transition: color 0.4s
+    &:hover, &:focus
+        color: $darkest
+
+#taxonomy-table a.taxonomy-name
+    padding: 0
+    margin: 0.2rem
+    display: inline-block
+    border-radius: $border-radius
+    text-decoration: none
+    font-weight: 500
+    color: $text
+    transition: color 0.4s
+    &:hover, &:focus
+        color: $accent-light
+
+#taxonomy-page a.term-link
+    padding: 0.3rem 1.2rem
+    margin: 0.2rem
+    display: inline-block
+    border-radius: $border-radius
+    text-decoration: none
+    font-weight: 500
+    color: $text
+    transition: color 0.4s
+    font-size: 1.2rem
+    &:hover, &:focus
+        color: $darkest
+