first commit

2023-08-09 13:01:16 +02:00
commit 8f04a81a78
10 changed files with 718 additions and 0 deletions
--- a/assets/css/modal.css
+++ b/assets/css/modal.css
@@ -0,0 +1,55 @@
+.modal {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+    z-index: 10;
+    max-height: 100%;
+    min-width: 300px;
+  }
+
+.modal-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 30%;
+    height: 70%;
+    max-height: 100%;
+    min-width: 300px;
+  }
+
+.close-button {
+    display: block;
+    width: 300px;
+    height: 40px;
+    background-color: #6d4c41;
+    color: white;
+    font-size: 20px;
+    text-align: center;
+    line-height: 40px;
+    cursor: pointer;
+    bottom: 0;
+    position: absolute;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+    transition: all 0.3s ease;
+    margin-bottom: 60px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.close-button:hover {
+    background-color: grey;
+    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
+}
+
+@media screen and (max-height: 800px) {
+
+ .close-button {
+    margin-bottom: 10px;
+ }
+}