feat: change to dark

src/styles/main.css

@@ -1,3 +1,34 @@
+body {
+  @apply bg-gray-900  text-gray-300;
+}
+h1, h2, h3, h4, h4, h6{
+  @apply text-gray-300 font-extrabold;
+}
 h1 {
-  @apply text-gray-900 text-base no-underline hover:no-underline font-extrabold text-xl;
+  @apply text-3xl mb-4 mt-4;
+}
+h2 {
+  @apply text-base mb-2 mt-2 uppercase text-gray-400 tracking-wide;
+}
+p {
+  @apply mb-4;
+}
+
+ol {
+  @apply list-decimal list-inside;
+}
+
+a {
+  @apply text-blue-400
+}
+
+a:hover{
+  @apply text-blue-500 underline
+}
+
+footer {
+  @apply mt-4;
+}
+.container {
+  @apply mx-1 md:container md:mx-auto;
 }