From f47c36a1e80e08e275434d6b7aa2f97408a19491 Mon Sep 17 00:00:00 2001
From: victor <vicca-cool@hotmail.com>
Date: Wed, 3 Jul 2024 16:15:18 +0200
Subject: [PATCH] update modal for phone

---
 web/style.css | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/web/style.css b/web/style.css
index edd3864..cec6aca 100644
--- a/web/style.css
+++ b/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;
+    }
 }