Added a gradient to the side and some text

I'll probably add more text to the side later. Right now I just want to
add the logo to the other side.

src/app/globals.css

@@ -1 +1,17 @@
 @import "tailwindcss";
+
+:root {
+  @apply bg-black;
+}
+
+h1, h2, h3, p {
+  @apply text-white;
+}
+
+.side-text {
+  @apply text-4xl ml-5 mt-7 mb-0;
+}
+
+.side-gradient {
+  @apply h-screen flex flex-col justify-center bg-gradient-to-r from-purple-900 via-black to-black;
+}

src/app/page.tsx

@@ -7,7 +7,10 @@ export const metadata: Metadata = {
 export default function Home () {
   return (
     <>
-      <p>Code Fly Website</p>
+      <div className="side-gradient">
+        <h1 className='side-text'>Code Fly is a suite of IDE's</h1>
+        <h1 className='side-text'>Made as a free alternative to the jetbrains suite</h1>
+      </div>
     </>
   )
 }