From d9c915d8302cecee853cbe0a8c6d26ba79d2298a Mon Sep 17 00:00:00 2001
From: Sage The DM <luca.burger@grischuni.net>
Date: Tue, 18 Jun 2024 20:58:37 +0200
Subject: [PATCH] final header test for today --> don't know why it's broken

---
 FOOS_ALT_WEBSITE/list.css | 109 +++++++++++++++++++-------------------
 1 file changed, 54 insertions(+), 55 deletions(-)

diff --git a/FOOS_ALT_WEBSITE/list.css b/FOOS_ALT_WEBSITE/list.css
index ea73b65..741676d 100644
--- a/FOOS_ALT_WEBSITE/list.css
+++ b/FOOS_ALT_WEBSITE/list.css
@@ -158,7 +158,7 @@ ul.fiveStar {
 }
 
 ul.fourStar {
-  background: #97dc01;
+  background: #59ff00;
 }
 
 ul.threeStar {
@@ -180,6 +180,59 @@ ul.death {
   text-shadow: red;
 }
 
+/* Mobile Styles */
+@media (max-width: 1000px) {
+  .burger-menu {
+    display: block;
+  }
+
+  .menu {
+    display: none;
+    flex-direction: column;
+    background-color: rgba(0, 0, 0, 0.7);
+    position: absolute;
+    top: 100%; /* Adjusted position */
+    left: 0;
+    width: 100%;
+    z-index: 999;
+  }
+
+  .menu.active {
+    display: flex;
+  }
+  
+  header {
+    padding: 5px;
+    height: auto;
+  }
+
+  .header-content {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .project-name {
+    font-size: 1.2em;
+  }
+
+  header li {
+    margin: 0;
+    width: 100%;
+  }
+
+  header a {
+    padding: 10px;
+    width: 100%;
+    display: block;
+  }
+
+  article {
+    margin-top: 190px;
+    padding-top: 20px;
+  }
+}
+
 
 /* Header styles */
 header {
@@ -236,57 +289,3 @@ header a {
 header a:hover {
   background-color: rgba(255, 255, 255, 0.2);
 }
-
-
-/* Mobile Styles */
-@media (max-width: 1000px) {
-  .burger-menu {
-    display: block;
-  }
-
-  .menu {
-    display: none;
-    flex-direction: column;
-    background-color: rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%; /* Adjusted position */
-    left: 0;
-    width: 100%;
-    z-index: 999;
-  }
-
-  .menu.active {
-    display: flex;
-  }
-  
-  header {
-    padding: 5px;
-    height: auto;
-  }
-
-  .header-content {
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .project-name {
-    font-size: 1.2em;
-  }
-
-  header li {
-    margin: 0;
-    width: 100%;
-  }
-
-  header a {
-    padding: 10px;
-    width: 100%;
-    display: block;
-  }
-
-  article {
-    margin-top: 190px;
-    padding-top: 20px;
-  }
-}