Initial styling

Change from default increment/decrement buttons to custom ones since
that's easier to style.

style.css

@@ -0,0 +1,129 @@
+.avatar {
+  width: 2em;
+  margin-right: 0.2em;
+}
+
+body {
+    font-family: Liberation sans, sans-serif;
+    display: flex;
+    flex-direction: column;
+    border-style: solid;
+    border-width: 3px;
+    border-color: #f97200;
+    width: 80%;
+    max-width: 800px;
+    margin: auto auto;
+    padding-left: 1em;
+    padding-right: 1em;
+}
+
+#main-content {
+    padding: 0em 1em 1em 1em;
+    flex-direction: column;
+    max-width: 100%;
+    width: auto;
+}
+
+div {
+    width: fit-content;
+    display: flex;
+    flex-direction: row;
+}
+
+h1 {
+    text-align: center;
+    margin: 0.1em;
+    width: 100%;
+}
+
+h2 {
+    text-align: center;
+    margin: 0.1em;
+    color: #707070;
+}
+
+hr {
+    border: 0;
+    border-top: 3px solid #c0c0c0;
+    width: 100%;
+}
+
+table {
+    border-collapse: collapse;
+    text-align: center;
+    vertical-align: center;
+    margin: 1em;
+}
+
+table th, table td {
+    border-style: solid;
+    border-color: #c0c0c0;
+    border-width: 3px;
+    padding: 0.5em;
+}
+
+table tr:nth-child(odd) {
+    background-color: #fff;
+}
+
+table tr:nth-child(odd) {
+    background-color: #f5f5f5;
+}
+
+.button-wrapper {
+    height: 3em;
+    width: 5em;
+    border-style: solid;
+    border-color: black;
+    border-width: 1px;
+    margin: 1em;
+}
+
+.button-wrapper:hover {
+    border-color: #3C7FB1;
+}
+
+button {
+    border-width: 3px;
+}
+
+.label {
+    margin: 10px;
+    font-weight: bold;
+    font-size: x-large;
+}
+
+#breadcrumb {
+    align-items: center;
+    width: 100%;
+    font-weight: bold;
+    margin-bottom: 0.5em;
+    margin-top: 0.5em;
+    flex-wrap: wrap;
+}
+
+#breadcrumb a {
+    margin-left: 1em;
+    margin-right: 1em;
+    color: gray;
+}
+
+#breadcrumb a :hover {
+  text-decoration: underline;
+}
+
+.underlined {
+    text-decoration-line: underline;
+    text-decoration-style: dotted;
+}
+
+.image-container {
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+}
+
+#site-title {
+    display: flex;
+    align-items: center;
+}