update styles

notes.txt

@@ -1 +1 @@
-npx @tailwindcss/cli -i ./public/css/styles.css -o ./public/css/output.css --watch
+npx @tailwindcss/cli -i ./public/css/base_styles.css -o ./public/css/styles.css --watch

public/css/styles.css

@@ -524,29 +524,15 @@
   .block {
     display: block;
   }
-  .flex {
-    display: flex;
-  }
-  .justify-center {
-    justify-content: center;
-  }
-  .text-center {
-    text-align: center;
-  }
-  .text-2xl {
-    font-size: var(--text-2xl);
-    line-height: var(--tw-leading, var(--text-2xl--line-height));
-  }
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
 }
-#outputSection {
+#resumePreviewSection {
+  display: none;
+}
+#coverLetterSection {
   display: none;
 }
 @keyframes spin {
@@ -575,10 +561,6 @@
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 }
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;

public/index.html

@@ -15,7 +15,7 @@
       <button type="submit" id="generateBtn">Read Resume</button>
   </form>
 
-  <div id="resumePreviewSection" style="display: none;">
+  <div id="resumePreviewSection">
     <h3>Extracted Resume Text:</h3>
     <textarea id="resumeTextOutput" rows="10"></textarea>
     <label for="jobDescription">Paste Job Description:</label>
@@ -26,7 +26,7 @@
   </div>
 
   <!-- Hidden To Start With -->
-  <div id="coverLetterSection" style="display: none;">
+  <div id="coverLetterSection">
     <h3>Generated Cover Letter:</h3>
     <textarea id="coverLetterOutput" rows="10"></textarea>
     <button id="downloadBtn">Download as DOCX</button>