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 @@
-
+
Yatzee!