feat: set up announcements page

src/app/globals.css

@@ -2,20 +2,33 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
+* {
+    font-family: "OpenDyslexic", monospace;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+h1 {
+    @apply text-4xl;
 }
 
-body {
-  color: var(--foreground);
-  background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
+h2 {
+    @apply text-2xl;
+}
+
+a {
+    @apply underline;
+}
+
+li {
+    @apply list-disc;
+    @apply list-inside;
+    @apply text-left;
+}
+
+p {
+  @apply text-justify;
+}
+@layer utilities {
+    .text-balance {
+        text-wrap: balance;
+    }
 }