5 files changed, 28 insertions, 39 deletions
diff --git a/ui/styles/app-bar.css b/ui/styles/app-bar.css
index ef823c6..17620ba 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';
   letter-spacing: 0.25rem;
 }
 
diff --git a/ui/styles/fonts.css b/ui/styles/fonts.css
index 66612e2..06f69c8 100644
--- a/ui/styles/fonts.css
+++ b/ui/styles/fonts.css
@@ -1,32 +1,28 @@
 /*** Roboto ***/
 @font-face {
-  font-family: "Roboto";
-  src:
-    url("../fonts/Roboto-Regular.ttf") format("truetype");
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "Roboto";
-  src:
-    url("../fonts/Roboto-Bold.ttf") format("truetype");
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "Roboto";
-  src:
-    url("../fonts/Roboto-Italic.ttf") format("truetype");
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
   font-display: swap;
 }
 @font-face {
-  font-family: "Roboto";
-  src:
-    url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
   font-display: swap;
@@ -34,17 +30,15 @@
 
 /*** Archistico ***/
 @font-face {
-  font-family: "Archistico";
-  src:
-    url("../fonts/Archistico_Simple.ttf") format("truetype");
+  font-family: 'Archistico';
+  src: url('../fonts/Archistico_Simple.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "Archistico";
-  src:
-    url("../fonts/Archistico_Bold.ttf") format("truetype");
+  font-family: 'Archistico';
+  src: url('../fonts/Archistico_Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
@@ -52,33 +46,29 @@
 
 /*** FiraCode ***/
 @font-face {
-  font-family: "FiraCode";
-  src:
-    url("../fonts/FiraCode-Regular.otf") format("opentype");
+  font-family: 'FiraCode';
+  src: url('../fonts/FiraCode-Regular.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "FiraCode";
-  src:
-    url("../fonts/FiraCode-Bold.otf") format("opentype");
+  font-family: 'FiraCode';
+  src: url('../fonts/FiraCode-Bold.otf') format('opentype');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
-  font-family: "FiraCode";
-  src:
-    url("../fonts/FiraCode-Italic.otf") format("opentype");
+  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-family: 'FiraCode';
+  src: url('../fonts/FiraCode-BoldItalic.otf') format('opentype');
   font-weight: bold;
   font-style: italic;
   font-display: swap;
@@ -86,9 +76,8 @@
 
 /*** Overlock ***/
 @font-face {
-  font-family: "Overlock";
-  src:
-    url("../fonts/Overlock-Regular.ttf") format("truetype");
+  font-family: 'Overlock';
+  src: url('../fonts/Overlock-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
diff --git a/ui/styles/forms.css b/ui/styles/forms.css
index 5279f86..88a6c41 100644
--- a/ui/styles/forms.css
+++ b/ui/styles/forms.css
@@ -5,7 +5,7 @@ label {
 }
 
 label input {
-  font-family: "Overlock";
+  font-family: 'Overlock';
   display: block;
   width: 90%;
   padding: 0.25rem;
@@ -14,7 +14,7 @@ label input {
 }
 
 form.form > button {
-  font-family: "Overlock";
+  font-family: 'Overlock';
   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 f32ec3e..c4ef106 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -118,5 +118,5 @@
 
 .message-body code,
 .message-body pre {
-  font-family: "FiraCode";
+  font-family: 'FiraCode';
 }
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index edf8ced..d9be0d6 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';
 }
 
 .create-message button {
@@ -36,7 +36,7 @@ main {
 }
 
 /* Workaround for iOS zooming in on the textarea when it gets focus. */
-@media screen and (-webkit-min-device-pixel-ratio:0) { 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
   select,
   textarea,
   input {