Unsere Seiten müssen schöner werden!

style.css

@@ -73,3 +73,49 @@ table {
   padding: 0.7rem;
   margin-bottom: 0;
 }
+
+body {
+	height: 100vh;
+	background: rgb(24, 24, 24);
+}
+
+#app {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	height: 100%;
+}
+
+#home {
+	display: flex;
+	flex-direction: column;
+}
+
+#home > a {
+	padding: 0.75em 2em;
+	margin: 0.75em;
+	background-color: #333;
+	text-align: center;
+	color: #fefefe;
+	text-decoration: none;
+	position: relative;
+}
+
+#home > a:hover {
+	background-color: #444;
+	text-decoration: underline;
+}
+
+#home > a::before {
+	content: "";
+	position: absolute;
+	z-index: -1;
+	transition: inset 0.25s ease;
+	inset: 0;
+}
+
+#home > a:hover::before {
+	background: linear-gradient(45deg, #00d061, #0000, #0000, #0061d0);
+	inset: -3px;
+}