From 4cbbf64a209534067cd2fb0a7c68963052ee06d8 Mon Sep 17 00:00:00 2001
From: chris <hearmewhisper@gmail.com>
Date: Sat, 27 Nov 2021 14:54:58 -0500
Subject: [PATCH] nav fixes

---
 MTG/style.css     |  2 +-
 menu/menu.css     | 58 ++++++++++++++++++++++++++++++++++++++++-------
 yatzee/index.html |  2 +-
 3 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/MTG/style.css b/MTG/style.css
index 1bb65e3..66b93c1 100644
--- a/MTG/style.css
+++ b/MTG/style.css
@@ -7,7 +7,7 @@
 }
 
 body {
-  background-color: darkslategray;
+  background-color: rgb(73, 109, 109);
   /* height: 100vh; */
   /* width: 100vw; */
   /* margin: 0 auto; */
diff --git a/menu/menu.css b/menu/menu.css
index ee58aec..0613e4c 100644
--- a/menu/menu.css
+++ b/menu/menu.css
@@ -1,9 +1,46 @@
-#ham{position:absolute; top:0px; left:0px; background-color:#999999 ; margin-right: 5%;  }
-#menu{color:blue; background-color:white;width:50px;height:50px;box-shadow: 5px 5px 2.5px #5F5F5F;position:relative; z-index:5; margin-right: 5%;}
-#bars, #bigx{height:50px; width:50px}
-.ham-menu {height:100%; width:0%;display:none; border:black solid 2px;box-shadow: 10px 10px 5px #5F5F5F
+*,
+*:after,
+*:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
-.ham-menu2 {display:inline;border:black solid 2px;box-shadow: 10px 10px 5px #5F5F5F;position:absolute; top:5px; left:5px; z-index:5; margin-right: 5%;}
+#ham{
+  background-color:#999999 ; 
+  /* margin-right: 20px;   */
+  
+  padding: 5px;
+}
+#menu{
+  background-color:white;
+  width:50px;
+  height:50px;
+  /* box-shadow: 5px 5px 2.5px #5F5F5F; */
+  /* position:relative;  */
+  display: flex;
+  align-self: center;
+  margin-top: 5px;
+  margin-left: 5px;
+  /* padding: 20px; */
+  z-index:5; 
+  border-radius: 25%;
+  /* margin-right: 5%; */
+}
+#bars, #bigx{
+  height:50px; 
+  width:50px}
+.ham-menu {
+  height:100%; 
+  width:0%;
+  display:none; 
+  border:black solid 2px;
+  /* box-shadow: 10px 10px 5px #5F5F5F */
+}
+.ham-menu2 {display:inline;border:black solid 2px;
+  /* box-shadow: 10px 10px 5px #5F5F5F; */
+  position:absolute; top:5px; left:5px; z-index:5; margin-right: 5%;}
 #ham a {color:white; text-decoration:none; z-index:10 !important; }
 #ham ul{ list-style-type: none; margin-right: 15%;}
 #ham:focus{outline-color:black; }
@@ -24,11 +61,16 @@
 box-sizing: border-box;
 margin: 0;
 padding: 0%;}
-
+#nav-menu{
+display: flex;
+align-self: center;
+}
 nav{
-  /* background-color: #dd1d1d; */
+  background-color: #666666;
   min-width: 100%;
-  height: 100px;
+  height: 60px;
   position: absolute;
+  left: 0;
+  top: 0;
 
 }
diff --git a/yatzee/index.html b/yatzee/index.html
index 9609ce5..60b329d 100644
--- a/yatzee/index.html
+++ b/yatzee/index.html
@@ -6,7 +6,7 @@
     <link rel="stylesheet" type="text/css" href="/menu/menu.css">
     <link rel="stylesheet" href="yatzee.css">
     <!-- <link rel="icon" type="image/ico" href="yatzee.ico"> -->
-<img rel="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABfklEQVRYR+2YsS6EQRDHf1e4CM0lNBIknkCl5TVoNDQq7gFoPAA6xWk07jVoVV4BQaFQidBcJtmTy2a/3W83811GfNtccTM7v/xnZveb7WB4dQyz0cKVZiemXBeYA2aBmdIAEb8f4Av4BL5DdlVwS8AxsAP0GgAbb/kB3ACnwKsfJwQnip0DBw1C+VtfAoe+giE4UeoZmJ8inCi4Bsjv7wrBLQNPEzYCudAA6Lurt/HWUkpvKbgV4HHCaNWD1eJMxgkpF3OSrt11dNeAdFxqVfmowkmQe2Dd0TwAGwnAmI8q3B4w8GTaB64i0sV8/g+c6bRK9sw2RKorc/9XrTkJLlfMkaOQK+6iBlGVjyrcJnDrwWwBdxHAmI8qnCh25oH03UdCFV/MRxXOtHKma65G7WeZqKbV9Dln+oZoL/7SL2HTaTXdEFnnRA1jlaNEpv7FGsFyTYqmL9Nzq+mJX9IjA+4JsD2Ft5Kheyt58eviT74y5RZ3I/bty2aprKaVGwHPGcQoCqTT+gAAAABJRU5ErkJggg=="/>
+<!-- <img rel="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAABfklEQVRYR+2YsS6EQRDHf1e4CM0lNBIknkCl5TVoNDQq7gFoPAA6xWk07jVoVV4BQaFQidBcJtmTy2a/3W83811GfNtccTM7v/xnZveb7WB4dQyz0cKVZiemXBeYA2aBmdIAEb8f4Av4BL5DdlVwS8AxsAP0GgAbb/kB3ACnwKsfJwQnip0DBw1C+VtfAoe+giE4UeoZmJ8inCi4Bsjv7wrBLQNPEzYCudAA6Lurt/HWUkpvKbgV4HHCaNWD1eJMxgkpF3OSrt11dNeAdFxqVfmowkmQe2Dd0TwAGwnAmI8q3B4w8GTaB64i0sV8/g+c6bRK9sw2RKorc/9XrTkJLlfMkaOQK+6iBlGVjyrcJnDrwWwBdxHAmI8qnCh25oH03UdCFV/MRxXOtHKma65G7WeZqKbV9Dln+oZoL/7SL2HTaTXdEFnnRA1jlaNEpv7FGsFyTYqmL9Nzq+mJX9IjA+4JsD2Ft5Kheyt58eviT74y5RZ3I/bty2aprKaVGwHPGcQoCqTT+gAAAABJRU5ErkJggg=="/> -->
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Yatzee!</title>
     </head>