diff --git a/main_theme.css b/main_theme.css
index a79c9d5..771431d 100644
--- a/main_theme.css
+++ b/main_theme.css
@@ -44,3 +44,49 @@ a:active {
 	margin: 4px 2px;
 	cursor: pointer;
 }
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-image: radial-gradient(circle, #6600ff, #7920ff, #3333ff);
+		color: #ffffff;
+		text-align: center;
+		font-family: sans-serif;
+	}
+
+	.content {
+		margin: auto;
+		width: 60%;
+		background-color: rgba(0, 0, 0, 0.4);
+		border: 2px solid #ffffff;
+		border-radius: 15px;
+		padding: 20px 20px;
+	}
+
+	.button {
+		background-color: rgba(0, 0, 0, 0.4);
+		border-radius: 15px;
+		border:  2px solid #ffffff;
+		padding: 10px 10px;
+		text-decoration: none;
+		display: inline-block;
+		font-size: 15px;
+		margin: 4px 2px;
+		cursor: pointer;
+	}
+
+	a:link {
+		color: #ffffff;
+	}
+
+	a:visited {
+		color: #ffffff;
+	}
+
+	a:hover {
+		color: #ffffff;
+	}
+
+	a:active {
+		color: #ffffff;
+	}
+}
\ No newline at end of file