fix(style.css): made mobile responsive

fix #1

Author: Dun-sin

src/style.css

@@ -143,6 +143,7 @@ main {
 	display: none;
 	place-items: center;
 	padding: 2rem;
+	z-index: 2;
 }
 
 .modal-generator {
@@ -316,7 +317,7 @@ footer {
 	bottom: 1rem;
 	width: 100%;
 	color: #04001a;
-	z-index: -10;
+	z-index: 1;
 }
 
 a {
@@ -365,3 +366,19 @@ a {
 		--output-width: 300px;
 	}
 }
+
+@media screen and (max-width: 444px) {
+	.modal-generator {
+		width: 90vw;
+	}
+}
+
+@media screen and (min-width: 1040px) {
+	.modal-main-content {
+		justify-content: center;
+	}
+
+	.modal-main-content > .input {
+		margin-right: 50px;
+	}
+}