Style update

index.html

@@ -33,19 +33,6 @@
             ></label>
           </form>
         </div>
-        <div class="card">
-          <form>
-            <label for="prompt" class="container"
-              ><span><b>Prompt</b></span>
-              <textarea
-                id="prompt"
-                dir="ltr"
-                placeholder=""
-                rows="1"
-              ></textarea>
-            </label>
-          </form>
-        </div>
         <div class="card">
           <form>
             <label class="container"
@@ -66,6 +53,19 @@
         </div>
       </div>
       <div id="right-col" class="container">
+        <div class="card">
+          <form>
+            <label for="prompt" class="container"
+              ><span><b>Prompt</b></span>
+              <textarea
+                id="prompt"
+                dir="ltr"
+                placeholder=""
+                rows="1"
+              ></textarea>
+            </label>
+          </form>
+        </div>
         <button id="generate">Generate</button>
         <div class="card">
           <form>

style/style.css

@@ -51,7 +51,6 @@ p {
 }
 
 .card {
-  padding: 1rem;
   border: 1px solid #e5e7eb;
   border-radius: 0.5rem;
   overflow-y: hidden;
@@ -177,6 +176,15 @@ button:hover {
   }
 
   #right-col {
-    flex-direction: column-reverse;
+    flex-direction: column;
   }
-}
+
+  h1 {
+    font-size: 2rem;
+    padding-bottom: 0.4rem;
+  }
+
+  h4 {
+    font-size: 1rem;
+  }
+}