1 files changed, 104 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100755
index 0000000..09802cd
--- /dev/null
+++ b/style.css
@@ -0,0 +1,104 @@
+body {
+        background:#ffffff;
+	margin: 0;
+	width: 90vw;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+p {
+	text-align: none;
+	color: #000000;
+	margin-top: 0.5vh;
+	margin-bottom:0.5vh;
+}
+
+h1 {
+	color: #000000;
+	text-align: center;
+}
+
+img {
+	display: block;
+	margin: 0 auto;
+}
+
+
+#container {
+	height: 100%;
+	margin: auto;
+	display: flex;
+	justify-content: flex-start;
+}
+
+#main {
+	height: 100%;
+	padding-left: 10vw;
+	padding-top: 10vh;
+	padding-bottom: 10vh;
+	padding-right: 10vw;
+}
+
+#nav {
+	width: 12vw;
+	background-color: #000000;
+}
+
+#nav ul {
+	text-align: center;
+	padding: 0;
+	margin: 0;
+	list-style-type: none;
+}
+
+#nav li {
+	padding-top: 1vh;
+	padding-bottom: 1vh;
+}
+
+#nav li a {
+	color: #ffffff;
+	text-decoration: none;
+}
+
+#dark_logo {
+	display: none;		
+}
+
+#white_logo {
+	display: block;
+}
+
+@media (prefers-color-scheme: dark){
+    body {
+        background-color:#000000;
+        color: #ffffff;
+    }
+
+    .content a {
+        color: white;
+    }
+
+    	#dark_logo {
+		display: block;
+	}
+
+    	#white_logo {
+		display: none;		
+	}
+
+    #nav {
+        background-color:#ffffff;
+    }
+
+    #nav li a {
+        color:#000000;
+    }
+
+    p {
+	color: white;
+    }
+
+}