From 2fcbc3d2b5ee9a73b9000d344b49a91bb8d935ae Mon Sep 17 00:00:00 2001
From: cowboykipnugget <524877@vistacollege.nl>
Date: Wed, 19 Feb 2025 11:26:31 +0100
Subject: [PATCH 1/2] k

---
 website/style.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/website/style.css b/website/style.css
index 12a5de2..8f38b77 100644
--- a/website/style.css
+++ b/website/style.css
@@ -10,13 +10,12 @@ body {
 /* Top bar menu */
 .menu-bar {
     width: 100%;
-    background-color: #ffe1b0;
+    background-color: #ffffff;
     padding: 10px 0;
     display: flex;
     flex-wrap: wrap; /* Allow wrapping of menu items */
     justify-content: center; /* Center the menu items */
     align-items: center;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     position: absolute; /* Initially position in the middle */
     top: 50%;
     left: 50%;
@@ -35,11 +34,11 @@ body {
 }
 
 .menu-bar.dark {
-    background-color: #ffb700; /* Darker background color when modal is open */
+    background-color: #ff8c00; /* Darker background color when modal is open */
 }
 
 .menu-item {
-    background-color: #ffb700;
+    background-color: #ff8c00;
     padding: 10px 20px;
     margin: 5px;
     border-radius: 8px;
@@ -72,7 +71,7 @@ body {
     text-align: center;
     cursor: pointer;
     transition: all 0.3s ease, box-shadow 0.3s ease;
-    border: 2px solid darkgoldenrod; /* 2px dikke zwarte rand */
+    border: 2px solid #ff8c00; /* 2px dikke zwarte rand */
     padding: 20px; /* Ruimte binnen de container */
     }
     

From 0f511bf2de70dc684d1deffb8ac74a47a49527f4 Mon Sep 17 00:00:00 2001
From: cowboykipnugget <524877@vistacollege.nl>
Date: Wed, 19 Feb 2025 11:31:34 +0100
Subject: [PATCH 2/2] s

---
 website/style.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/website/style.css b/website/style.css
index 8f38b77..044d53c 100644
--- a/website/style.css
+++ b/website/style.css
@@ -9,7 +9,7 @@ body {
 
 /* Top bar menu */
 .menu-bar {
-    width: 100%;
+    width: 75%;
     background-color: #ffffff;
     padding: 10px 0;
     display: flex;
@@ -17,7 +17,7 @@ body {
     justify-content: center; /* Center the menu items */
     align-items: center;
     position: absolute; /* Initially position in the middle */
-    top: 50%;
+    top: 60%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1000; /* Ensure it is above other elements */
@@ -297,7 +297,8 @@ body {
 
 .logo {
     width: 100%;
-    max-width: 200px;
+    padding: 60px;
+    max-width: 400px;
     margin: 20px auto;
     display: block;
     transition: opacity 0.3s ease; /* Add transition for smooth hiding */