From 3482031732dd6932648dcc44b8e5680afa9cce57 Mon Sep 17 00:00:00 2001
From: Sammy-T <cyam9019@aim.com>
Date: Tue, 30 Mar 2021 05:54:50 -0400
Subject: [PATCH] Center burger button content and match color theme

---
 components/layout/Header.module.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/layout/Header.module.css b/components/layout/Header.module.css
index 77bb8b8f..7c173564 100644
--- a/components/layout/Header.module.css
+++ b/components/layout/Header.module.css
@@ -102,6 +102,9 @@
   .burger {
     display: block;
     /* color: #4a4a4a; */
+    background: none;
+    border: 1px solid var(--gray900);
+    border-radius: 4px;
     cursor: pointer;
     height: 3.25rem;
     width: 3.25rem;
@@ -112,20 +115,20 @@
   }
 
   .burger span {
-    transform: translateX(-50%);
+    transform: translateX(25%);
     padding: 1px 0px;
     margin: 6px 0;
-    width: 20px;
+    width: 65%;
     display: block;
-    background-color: white;
+    background-color: var(--gray900);
   }
 
   .burger div {
-    height: 100%;
-    color: white;
+    /* height: 100%; */
+    color: var(--gray900);
     text-align: center;
     margin: auto;
     font-size: 1.5rem;
-    transform: translateX(-50%);
+    /* transform: translateX(-50%); */
   }
 }