trying new styling but nowhere near happy with it lmfao

src/component/core/navbar.astro

@@ -1,3 +1,3 @@
-<div class="flex w-full h-14 px-2  rounded-xl mb-4 bg-blue-400/40 place-items-center">
-    <p class="font-bold">Memento</p>
+<div class="flex w-full h-14 px-2 text-2xl rounded-xl mb-4 bg-[#009FB7] place-items-center">
+    <p>Memento</p>
 </div>

src/pages/index.astro

@@ -2,6 +2,7 @@
 import "../styles/global.css"
 import Layout from "../component/core/layout.astro"
 import Calendar from "../component/calendar.astro"
+import Editor from "../component/editor.astro"
 ---
 
 <script>
@@ -11,13 +12,10 @@ import Calendar from "../component/calendar.astro"
 </script>
 
 <Layout>
-    <div class="w-full">
+    <div class="flex space-x-4 w-full">
         <div class="w-2/5">
             <Calendar />
-            
-            <div id="entry-list">
-                
-            </div>
+            <div id="entry-list" />
         </div>
     </div>
 </Layout>

src/styles/global.css

@@ -4,8 +4,13 @@
 @import 'quill/dist/quill.snow.css';
 
 html {
-    @apply p-3;
-    @apply bg-black/90 text-white
+    @apply py-3 px-4;
+    @apply bg-[#00171F] text-white
+}
+
+  html body {
+    @apply font-[AmericanTypewriter];
+    /* @apply w-full md:w-[68%] mx-auto h-full; */
   }
 
 button {