feat(frontend): add inline css to index.html to gain a sligth performance boost

frontend/index.html

@@ -6,6 +6,49 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="Author: itsscb, Description: Guess a random word with five letters">
   <title>wordl</title>
+  <style>
+    .bg-black {
+      --tw-bg-opacity: 1;
+      background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+    }
+
+    .text-white {
+      --tw-text-opacity: 1;
+      color: rgb(255 255 255 / var(--tw-text-opacity));
+    }
+
+    .pt-12 {
+      padding-top: 3rem;
+    }
+
+    .w-16 {
+      width: 4rem;
+    }
+
+    .h-16 {
+      height: 4rem;
+    }
+
+    .h-\[90vh\] {
+      height: 90vh;
+    }
+
+    .flex {
+      display: flex;
+    }
+
+    .flex-col {
+      flex-direction: column;
+    }
+
+    .justify-center {
+      justify-content: center;
+    }
+
+    .items-center {
+      align-items: center;
+    }
+  </style>
   <link data-trunk href="./public/styles.css" rel="css">
   <link data-trunk rel="copy-file" href="public/robots.txt" data-target-path="/" />
   <!-- <link data-trunk href="./assets/favicon.ico" rel="icon" type="image/x-icon"> -->