Merge pull request #5 from dumspice/dum

Update style.css

src/style.css

@@ -10,7 +10,7 @@ html {
 #theme-button {
   text-decoration: underline;
   /* Example: adds underline to the text */
-  font-family: 'Arial', sans-serif;
+  font-family: "Arial", sans-serif;
   /* Example: changes font */
   color: #ff9900;
   /* Example: changes text color */
@@ -65,7 +65,8 @@ html {
 }
 
 /* Style rules for flex-item 1 */
-.flex-item:nth-of-type(2) {}
+.flex-item:nth-of-type(2) {
+}
 
 /* Style rules for flex-item 2 */
 .flex-item:nth-of-type(1) {
@@ -75,7 +76,8 @@ html {
 }
 
 /* Style rules for flex-item 3 */
-.flex-item:nth-of-type(3) {}
+.flex-item:nth-of-type(3) {
+}
 
 /* Style set for all flex-items */
 .flex-item {
@@ -110,8 +112,6 @@ html {
   margin-bottom: 5px;
 }
 
-
-
 /* CSS ruleset for the header-button class */
 .header-button {
   background-color: #007bff;
@@ -128,7 +128,6 @@ html {
   background-color: #0056b3;
 }
 
-
 .image-container {
   display: flex;
   justify-content: center;
@@ -137,7 +136,6 @@ html {
   /* Use flexbox to arrange images horizontally */
 }
 
-
 /* Apply styles to each image within the container */
 .image-container img {
   margin-right: 50px;
@@ -236,6 +234,9 @@ a:active {
 
 .dark-mode {
   background-color: black;
+}
+
+.dark-mode p {
   color: white;
 }
 
@@ -275,7 +276,12 @@ a:active {
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
-  background-color: rgba(0,0,0,0.4); /* 40% opacity black - other elements can still be seen */
+  background-color: rgba(
+    0,
+    0,
+    0,
+    0.4
+  ); /* 40% opacity black - other elements can still be seen */
   flex-direction: column; /* these flexbox rules center the content on the screen */
   align-items: center;
   justify-content: center;
@@ -301,4 +307,4 @@ a:active {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-}
+}