css stuff

src/App.jsx

@@ -124,16 +124,18 @@ function App() {
       <div className="w-screen flex flex-col justify-center items-center">
         <div className="max-w-sm max-h-svh">
           <div className="flex flex-col items-center border border-black p-2 m-1">
-            <p className="m-3 mb-5 justify-self-center">Copy Paste App</p>
+            <p className="m-3 mb-5 justify-self-center text-black">
+              Copy Paste App
+            </p>
             <div className="flex flex-row">
               <input
-                className="border border-black p-1 m-1"
+                className="border border-black p-1 m-1 bg-white text-black"
                 id="nametext"
                 type="text"
                 placeholder="Put text here"
               />
               <button
-                className="submitbutton border border-black p-1 m-1"
+                className="submitbutton border border-black p-1 m-1 bg-white text-black"
                 type="submit"
                 onClick={onSubmit}
               >

src/TextCard.jsx

@@ -15,7 +15,9 @@ export default function TextCard({ text, id, deleteFunction }) {
   return (
     <div className="flex flex-row justify-between p-2">
       {text ? (
-        <p className="place-self-start text-wrap cardtext">{text}</p>
+        <p className="place-self-start text-wrap cardtext text-black ">
+          {text}
+        </p>
       ) : (
         <p className="place-self-start text-wrap cardtext text-red-700">
           {undefinedText}