working concept

style.css

@@ -26,17 +26,52 @@ h1 {
     margin-bottom: .5em;
 }
 
-table{
+table {
     border-collapse: collapse;
-    width:100%;
+    margin: auto;
     font-size: .9em;
+    background-color: #F5F5F5;
+    border: 1em solid transparent;
+}
+
+td {
+    text-align: center;
+    padding: 0.1rem 0.25rem;
+}
+
+td > * {
+    width: 100%;
+}
+
+td:first-child {
+    text-align: right;
+    width: 9rem;
+}
+
+td:nth-child(2), td:nth-child(4) {
+    width: 4.5rem;
+}
+
+td:nth-child(3), td:nth-child(5) {
+    width: 1.1rem;
+}
+
+td:nth-child(6), td[colspan="5"]+td {
+    padding-left: 1rem;
+    text-align: left;
+    width: 11rem;
+}
+
+td[colspan="5"]{
+    text-align: center;
 }
 
 @media only screen and (min-width: 768px) {
     main {
         max-width: 42rem;
     }
-    table{
-        font-size:inherit;
+
+    table {
+        font-size: inherit;
     }
 }