diff --git a/content/styles/generic/main.css b/content/styles/generic/main.css
index c6ec5ba..e0d05a3 100644
--- a/content/styles/generic/main.css
+++ b/content/styles/generic/main.css
@@ -1,3 +1,6 @@
+:root {
+  color-scheme: dark; }
+
 * {
   box-sizing: border-box;
   padding: 0;
@@ -8,21 +11,18 @@
   /* for Internet Explorer, Edge */
   scrollbar-width: none;
   /* for Firefox */
-  overflow-y: scroll;
-}
+  overflow-y: scroll; }
 
 ::-webkit-scrollbar {
   display: none;
-  /* for Chrome, Safari, and Opera */
-}
+  /* for Chrome, Safari, and Opera */ }
 
-html, body {
+html,
+body {
   background-color: #070707;
-  margin-bottom: 2em;
-}
+  margin-bottom: 2em; }
 
 .iframe {
   width: 50%;
   min-width: 300px;
-  max-width: 1000px;
-}
\ No newline at end of file
+  max-width: 1000px; }
diff --git a/content/styles/generic/main.scss b/content/styles/generic/main.scss
index 0c40569..7f52a2c 100644
--- a/content/styles/generic/main.scss
+++ b/content/styles/generic/main.scss
@@ -1,5 +1,8 @@
-@import '../config/main';
+@import "../config/main";
 
+:root {
+    color-scheme: dark;
+}
 
 * {
     box-sizing: border-box;
@@ -12,20 +15,19 @@
     // scroll-behavior: smooth;
     -ms-overflow-style: none; /* for Internet Explorer, Edge */
     scrollbar-width: none; /* for Firefox */
-    overflow-y: scroll; 
+    overflow-y: scroll;
 }
-    
+
 ::-webkit-scrollbar {
     display: none; /* for Chrome, Safari, and Opera */
 }
 
-
-html, body {
+html,
+body {
     background-color: $bg_colour;
     margin-bottom: 2em;
 }
 
-
 .iframe {
     width: 50%;
     min-width: 300px;