kleinere visuelle Verbesserungen

css/template.css

@@ -36,19 +36,10 @@ body{
 	grid-area: news;
 }
 #news, #menu {
-	padding: 10px;
 	width: 300px;
 }
-#news, #menu, #main {
-	background-color: white;
-	border-radius: 5px;
-	margin: 3px;
-}
-#main{
-	padding: 10px;
-}
 @media (max-width:1000px) {
-	#main-container {
+	#grid-container {
 		display:block;
 	}
 	#nav, #main, #menu{
@@ -61,9 +52,34 @@ body{
 	}
 }
 
+/* box styles */
+
+#news, #menu, #main, #nav {
+	background-color: white;
+	box-shadow: 0 0 16px #00000040;
+}
+#main {
+	z-index: 1;
+	position: relative;
+}
+@supports (backdrop-filter:blur(8px)){
+	#news, #menu, #main, #nav {
+		background-color: #ffffffa0;
+		backdrop-filter: blur(8px);
+	}
+}
+#news, #menu, #main {
+	border-radius: 5px;
+	margin: 3px;
+	padding: 10px;
+}
+#menu > h1:first-child, #main > h1:first-child, #news > h1:first-child{
+	margin-top: 10px;
+	text-align: center;
+}
+
 /* Navbar styles */
 #nav {
-	background-color: white;
 	text-align: center;
 	margin: 0 3px 3px 3px;
 	border-radius: 0 0 5px 5px;