bugfix in styling media queries

resources/public/style.css

@@ -152,35 +152,11 @@ article {
 	margin-left: auto;
 }
 
-@media screen and (min-width: 1024px) {
-	article {
-		width: 800px;
-	}
-}
-
-@media screen and (max-width: 1023px) {
-	article {
-		width: 90%;
-	}
-}
-
 .central-element {
 	margin-right: auto;
 	margin-left: auto;
 }
 
-@media screen and (min-width: 1024px) {
-	.central-element {
-		width: 800px;
-	}
-}
-
-@media screen and (max-width: 1023px) {
-	.central-element {
-		width: 90%;
-	}
-}
-
 article img {
 	max-width: 100%;
 }
@@ -227,12 +203,6 @@ pre {
 	outline: 0px none transparent;
 }
 
-@media screen and (min-width: 1024px) {
-	textarea {
-		width: 800px;
-	}
-}
-
 textarea {
 	height: 500px;
 	font-size: 1em;
@@ -281,3 +251,18 @@ body {
 	display: flex;
 	min-height: 100vh;
 }
+
+
+/* MEDIA QUERIES */
+
+@media screen and (min-width: 1024px) {
+	textarea, article, .central-element {
+		width: 800px;
+	}
+}
+
+@media screen and (max-width: 1023px) {
+	textarea, article, .central-element {
+		width: 90%;
+	}
+}