update modal for phone

web/style.css

@@ -119,19 +119,16 @@ p {
     position: fixed;
     width: 100vw;
     height: 100vh;
-    background: rgba(55, 55, 55, 0.5);
+    background: #212529;
     z-index: 10000;
     color: white;
-    padding: 5%;
+    padding: 1ch;
-
-
 }
 
 .modaltext{
     max-width: 80ch;
     margin: auto;
-    background: #212529;
+
-    padding: 5ch;
 }
 
 .closemodal{
@@ -285,6 +282,30 @@ h1:has(.counter):hover .counter, p:has(.counter):hover .counter {
         color: rgba(255, 255, 255, 0.7);
         pointer-events: none;
     }
+
+    .modaloverlay{
+        position: fixed;
+        width: 100vw;
+        height: 100vh;
+        background: rgba(55, 55, 55, 0.5);
+        z-index: 10000;
+        color: white;
+        padding: 5%;
+    }
+    
+    .modaltext{
+        max-width: 80ch;
+        margin: auto;
+        background: #212529;
+        padding: 5ch;
+    }
+    
+    .closemodal{
+        position: absolute;
+        left: 72%;
+        padding: 4px;
+        border: 2px solid white;
+    }
 }