I should have saved this long ago. Lots of changes. Learning a lot as well!

src/app.postcss

@@ -5,12 +5,48 @@
 
 html,
 body {
-	@apply h-full overflow-hidden;
+    @apply h-full overflow-hidden;
+
+    /* font-family: 'Liberation Sans', sans-serif; */
+    /* font-family: 'Noto Sans', sans-serif; */
 }
 
+/* default theme */
+/* @font-face {
+    font-family: 'Liberation Sans', sans-serif;
+    font-family: 'Noto Sans', sans-serif;
+    src: url('/fonts/liberation/LiberationSans-Regular.ttf');
+    src: url('/fonts/noto/NotoSans-Regular.ttf');
+    font-display: swap;
+} */
+
 /* modern theme */
 @font-face {
-	font-family: 'Quicksand';
-	src: url('/fonts/Quicksand.ttf');
-	font-display: swap;
+    font-family: 'Quicksand';
+    src: url('/fonts/Quicksand.ttf');
+    font-display: swap;
+}
+
+:root [data-theme='modern'] {
+	/* --theme-rounded-base: 20px;
+	--theme-rounded-container: 4px; */
+
+    --theme-font-family-base: 'Liberation Sans', sans-serif;
+    --theme-font-family-heading: 'Liberation Sans', sans-serif;
+}
+
+.card-footer {
+    border-top: 1px solid hsla(0, 0%, 0%, 0.5);
+    margin-top: 1em;
+    padding-top: 1em;
+
+    opacity: .5;
+}
+
+.ae_modal_scrollfix {
+    /* Allow modal content to scroll if it's too long */
+    overflow-y: auto;
+    max-height: 96vh;
+    /* max-height: 99%; */
+
 }