7 files changed, 19 insertions, 22 deletions
diff --git a/ui/styles/app-bar.css b/ui/styles/app-bar.css
index 17620ba..0d0a311 100644
--- a/ui/styles/app-bar.css
+++ b/ui/styles/app-bar.css
@@ -28,7 +28,7 @@
 
 .app-bar > a {
   line-height: var(--app-bar-height);
-  font-family: 'Archistico';
+  font-family: 'Archistico', serif;
   letter-spacing: 0.25rem;
 }
 
diff --git a/ui/styles/fonts.css b/ui/styles/fonts.css
index 06f69c8..280f8c6 100644
--- a/ui/styles/fonts.css
+++ b/ui/styles/fonts.css
@@ -6,6 +6,7 @@
   font-style: normal;
   font-display: swap;
 }
+
 @font-face {
   font-family: 'Roboto';
   src: url('../fonts/Roboto-Bold.ttf') format('truetype');
@@ -13,6 +14,7 @@
   font-style: normal;
   font-display: swap;
 }
+
 @font-face {
   font-family: 'Roboto';
   src: url('../fonts/Roboto-Italic.ttf') format('truetype');
@@ -20,6 +22,7 @@
   font-style: italic;
   font-display: swap;
 }
+
 @font-face {
   font-family: 'Roboto';
   src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
@@ -36,6 +39,7 @@
   font-style: normal;
   font-display: swap;
 }
+
 @font-face {
   font-family: 'Archistico';
   src: url('../fonts/Archistico_Bold.ttf') format('truetype');
@@ -52,6 +56,7 @@
   font-style: normal;
   font-display: swap;
 }
+
 @font-face {
   font-family: 'FiraCode';
   src: url('../fonts/FiraCode-Bold.otf') format('opentype');
@@ -59,20 +64,6 @@
   font-style: normal;
   font-display: swap;
 }
-@font-face {
-  font-family: 'FiraCode';
-  src: url('../fonts/FiraCode-Italic.otf') format('opentype');
-  font-weight: normal;
-  font-style: italic;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'FiraCode';
-  src: url('../fonts/FiraCode-BoldItalic.otf') format('opentype');
-  font-weight: bold;
-  font-style: italic;
-  font-display: swap;
-}
 
 /*** Overlock ***/
 @font-face {
diff --git a/ui/styles/forms.css b/ui/styles/forms.css
index 88a6c41..eb98743 100644
--- a/ui/styles/forms.css
+++ b/ui/styles/forms.css
@@ -5,7 +5,7 @@ label {
 }
 
 label input {
-  font-family: 'Overlock';
+  font-family: 'Overlock', cursive;
   display: block;
   width: 90%;
   padding: 0.25rem;
@@ -14,7 +14,7 @@ label input {
 }
 
 form.form > button {
-  font-family: 'Overlock';
+  font-family: 'Overlock', cursive;
   background-color: var(--colour-input-bg);
   color: var(--colour-input-text);
   padding: 0.25rem;
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index c4ef106..4890f2c 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -51,6 +51,7 @@
 .message:hover {
   background-color: var(--colour-message-hover-bg);
 }
+
 .message:hover * {
   color: var(--colour-message-hover-text);
 }
@@ -112,11 +113,10 @@
 .message-body pre {
   border: 1px solid #312e81;
   border-radius: 0.25rem;
-  background-color: var(--colour-message-run-text);
   padding: 0.25rem;
 }
 
 .message-body code,
 .message-body pre {
-  font-family: 'FiraCode';
+  font-family: 'FiraCode', monospace;
 }
diff --git a/ui/styles/reset.css b/ui/styles/reset.css
index f9fa505..5a17f02 100644
--- a/ui/styles/reset.css
+++ b/ui/styles/reset.css
@@ -93,6 +93,7 @@ video {
   /* font: inherit; */
   vertical-align: baseline;
 }
+
 /* HTML5 display-role reset for older browsers */
 article,
 aside,
@@ -107,24 +108,28 @@ nav,
 section {
   display: block;
 }
+
 body {
   line-height: 1;
 }
+
 ol,
 ul {
   list-style: none;
 }
+
 blockquote,
 q {
   quotes: none;
 }
+
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
-  content: '';
   content: none;
 }
+
 table {
   border-collapse: collapse;
   border-spacing: 0;
diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css
index 5e5e16a..c6aab6a 100644
--- a/ui/styles/sidebar.css
+++ b/ui/styles/sidebar.css
@@ -4,6 +4,8 @@
 }
 
 .list-nav a {
+  display: block;
+  padding: 0.5rem;
   text-decoration: none;
 }
 
@@ -12,7 +14,6 @@
 }
 
 .list-nav li {
-  padding: 0.5rem;
   border-radius: 0.5rem;
   border: 1px solid var(--colour-navbar-border);
   margin: 0.25rem;
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index d9be0d6..4b8602c 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -18,7 +18,7 @@
   flex-grow: 1;
   background-color: var(--colour-input-bg);
   color: var(--colour-input-text);
-  font-family: 'FiraCode';
+  font-family: 'FiraCode', monospace;
 }
 
 .create-message button {