Trash feature done

css/src/navbar.pcss

@@ -0,0 +1,33 @@
+#navbar {
+    height: 96px;
+    @apply bg-teal-700 shadow-md flex flex-col items-center justify-center px-4;
+
+    #home {
+        @apply text-2xl text-gray-100 font-bold;
+    }
+
+    #navigation {
+        @apply my-2;
+    }
+}
+
+@screen sm {
+    #navbar {
+        height: 64px;
+        @apply flex-row justify-between;
+
+        #navigation {
+            @apply my-0;
+        }
+    }
+}
+
+.centered {
+    min-height: calc(100vh - 96px);
+}
+
+@screen sm {
+    .centered {
+        min-height: calc(100vh - 64px);
+    }
+}

css/src/note-table.pcss

@@ -0,0 +1,17 @@
+table#notes {
+    @apply table-auto w-full border-collapse border-2 border-gray-700;
+
+    thead th {
+        @apply px-4 py-2;
+    }
+
+    tbody {
+        tr:nth-child(even) {
+            @apply bg-gray-800;
+        }
+
+        td {
+            @apply border border-gray-700 py-3 px-4;
+        }
+    }
+}

css/src/other.pcss

@@ -1,11 +1,3 @@
-.nav {
-    height: 64px;
-}
-
-.centered {
-    min-height: calc(100vh - 64px);
-}
-
 .tag {
     @apply italic font-semibold text-sm bg-teal-500 text-gray-900 rounded-full py-1 px-2 align-middle;
 

css/src/pagination.pcss

@@ -20,7 +20,7 @@ nav.pages {
             @apply bg-gray-700;
         }
 
-        &:active {
+        &.active {
             @apply bg-teal-800 border-gray-700 text-white;
 
             &:hover {

css/src/styles.pcss

@@ -8,6 +8,8 @@
 @import "./note.pcss";
 @import "./pagination.pcss";
 @import "./other.pcss";
+@import "./navbar.pcss";
+@import "./note-table.pcss";
 
 /*noinspection CssUnknownTarget*/
 @import "tailwindcss/utilities";