fix: mobile UI

src/pages/index.css

@@ -326,6 +326,8 @@ a {
     }
     .button {
         width: 60%;
+        margin: 2% 0%;
+        font-size: 14px;
     }
     .cardImage {
         width: 200px;
@@ -370,9 +372,9 @@ a {
         word-break: break-all;
     }
     .tooltiptext {
-        visibility: hidden;
+        display: none;
     }
-    .skillCheckboxLabel:hover .tooltiptext {
-        visibility: hidden;
+    .warning {
+        font-size: 10px;
     }
 }

src/pages/index.js

@@ -238,7 +238,7 @@ const IndexPage = () => {
     gsap.fromTo(".generate", {
       boxShadow: "0 0 0 0px rgba(59, 59, 79, 0.4)"
     }, {
-      boxShadow: "0 0 0 20px rgba(59, 59, 79, 0)",
+      boxShadow: "0 0 0 10px rgba(59, 59, 79, 0)",
       repeat: -1,
       duration: 1
     });