Responsive pop-up

src/frontend/commons/style.css

@@ -67,6 +67,21 @@ main.card {
     border-radius: 10px;
     font-size: 1.2em;
 }
+@media (max-width: 1700px) {
+    .popup {
+        width: 50vw;
+    }
+}
+@media (max-width: 1400px) {
+    .popup {
+        width: 60vw;
+    }
+}
+@media (max-width: 1100px) {
+    .popup {
+        width: 70vw;
+    }
+}
 .popup:last-child::after {
     content: "";
     display: block;

src/frontend/index.css

@@ -59,7 +59,7 @@ button:hover::after {
 }
 .popup h2.warning::before {
     content: url("/static/imgs/icons/warning/ACCENT_COLOR");
-    width: 9%;
+    width: 2em;
     display: inline-block;
     vertical-align: middle;
 }