1 files changed, 15 insertions, 67 deletions
diff --git a/docs/style.css b/docs/style.css
index 32bbce4..52b8792 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -7,11 +7,7 @@
 *:focus, *::selection {
   background-color: inherit;
   outline: none !important;
-}
-@media (prefers-color-scheme: dark) {
-  *:focus, *::selection {
-    color: #ededed;
-  }
+  color: #ededed;
 }
 @media (prefers-color-scheme: light) {
   *:focus, *::selection {
@@ -20,15 +16,11 @@
 }
 
 body {
+  background-color: #131313;
+  color: lightgray;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1.6;
 }
-@media (prefers-color-scheme: dark) {
-  body {
-    background-color: #131313;
-    color: lightgray;
-  }
-}
 @media (prefers-color-scheme: light) {
   body {
     background-color: lightgray;
@@ -57,11 +49,7 @@ nav {
   justify-content: space-evenly;
   align-items: center;
   padding: 0em 2em;
-}
-@media (prefers-color-scheme: dark) {
-  nav {
-    background-color: #131313;
-  }
+  background-color: #131313;
 }
 @media (prefers-color-scheme: light) {
   nav {
@@ -102,11 +90,7 @@ main .about-me {
 footer {
   text-align: center;
   font-size: 0.8em;
-}
-@media (prefers-color-scheme: dark) {
-  footer {
-    background-color: #333;
-  }
+  background-color: #333;
 }
 @media (prefers-color-scheme: light) {
   footer {
@@ -120,11 +104,7 @@ a {
 }
 a:hover {
   border-color: #a29d7f;
-}
-@media (prefers-color-scheme: dark) {
-  a:hover {
-    color: #ededed;
-  }
+  color: #ededed;
 }
 @media (prefers-color-scheme: light) {
   a:hover {
@@ -140,12 +120,8 @@ h3 {
 .card {
   padding: 2em;
   border-radius: 0.3em;
-}
-@media (prefers-color-scheme: dark) {
-  .card {
-    background-color: #333;
-    border: 1px solid #131313;
-  }
+  background-color: #333;
+  border: 1px solid #131313;
 }
 @media (prefers-color-scheme: light) {
   .card {
@@ -160,13 +136,9 @@ h3 {
   padding: 0.5em;
 }
 .card ul li span {
+  background-color: #131313;
   padding: 0.2em;
 }
-@media (prefers-color-scheme: dark) {
-  .card ul li span {
-    background-color: #131313;
-  }
-}
 @media (prefers-color-scheme: light) {
   .card ul li span {
     background-color: lightgray;
@@ -183,15 +155,11 @@ h3 {
   flex-flow: row wrap;
 }
 .card.work-card .info span {
+  background-color: #131313;
   padding: 0.5em;
   margin: 0 0.5em 0.5em;
   font-size: 0.8em;
 }
-@media (prefers-color-scheme: dark) {
-  .card.work-card .info span {
-    background-color: #131313;
-  }
-}
 @media (prefers-color-scheme: light) {
   .card.work-card .info span {
     background-color: lightgray;
@@ -227,11 +195,7 @@ h3 {
 }
 .works-filter label {
   margin-left: 2em;
-}
-@media (prefers-color-scheme: dark) {
-  .works-filter label {
-    color: lightgray;
-  }
+  color: lightgray;
 }
 @media (prefers-color-scheme: light) {
   .works-filter label {
@@ -239,16 +203,12 @@ h3 {
   }
 }
 .works-filter select {
+  background-color: #333;
   color: #a29d7f;
   border: none;
   text-align: center;
   padding: 0.2em;
 }
-@media (prefers-color-scheme: dark) {
-  .works-filter select {
-    background-color: #333;
-  }
-}
 @media (prefers-color-scheme: light) {
   .works-filter select {
     background-color: #f0f0f0;
@@ -259,11 +219,7 @@ h3 {
   margin: 2em 1em;
   padding: 1em;
   font-size: 0.9em;
-}
-@media (prefers-color-scheme: dark) {
-  .works-description {
-    border: 1px solid #333;
-  }
+  border: 1px solid #333;
 }
 @media (prefers-color-scheme: light) {
   .works-description {
@@ -276,11 +232,7 @@ h3 {
   margin: 0.5em 3em;
   font-size: 0.8em;
   color: #a29d7f;
-}
-@media (prefers-color-scheme: dark) {
-  .download-button {
-    border: 1px solid #333;
-  }
+  border: 1px solid #333;
 }
 @media (prefers-color-scheme: light) {
   .download-button {
@@ -293,11 +245,7 @@ h3 {
   margin: 2em 1em;
   line-height: 1.8rem;
   font-size: 0.9em;
-}
-@media (prefers-color-scheme: dark) {
-  .story-text p {
-    background-color: #333;
-  }
+  background-color: #333;
 }
 @media (prefers-color-scheme: light) {
   .story-text p {