style change

Author: cbvora

app/page.tsx

@@ -18,18 +18,16 @@ const Home: NextPage = () => {
 
   return (
     <div className="mx-auto mb-6 w-full lg:w-[70vw] 2xl:w-[45%] text-center">
-      <h2 className="text-white text-5xl font-bold uppercase md:mt-14">
-        Welcome!
-      </h2>
-      <p className="text-white text-lg mt-4 mb-14 px-5 leading-6">
+      <h2 className="text-white text-5xl font-bold uppercase">Welcome!</h2>
+      <p className="text-white text-lg mt-4 mb-6 px-5 leading-6">
         Select an exam from the list below.
       </p>
       <input
         type="text"
         value={searchTerm}
         onChange={handleSearchChange}
         placeholder="Search exams"
-        className="mb-5 px-4 py-2 border border-gray-300 rounded-md w-3/4 lg:w-1/2"
+        className="mb-6 px-4 py-2 border border-gray-300 rounded-md w-3/4 lg:w-1/2"
       />
       <div className="grid grid-cols-1 sm:grid-cols-2 gap-x-10 gap-y-5 mx-5 lg:mx-0">
         {filteredExams.map((exam) => (

components/QuizForm.tsx

@@ -215,9 +215,10 @@ const QuizForm: FC<Props> = ({
             </svg>
           </button>
           <div className="flex justify-center relative w-[15%] z-[1]">
-            <span className="absolute text-white opacity-10 font-bold text-6xl bottom-0 -z-[1] select-none">
+            <span className="absolute text-white opacity-10 font-bold text-6xl bottom-0 right-0 -z-[1] select-none">
               Q&A
             </span>
+
             <input
               className="w-[40px] text-white rounded-l-md border outline-0 border-slate-700 bg-slate-900 text-center text-md [-moz-appearance:_textfield] [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none"
               type="number"