✨

less/character-sheet.less

@@ -13,7 +13,7 @@
     .headerBox {
         float: left;
         width: 100%;
-        height: 100px;
+        height: 110px;
 
         display: flex;
         justify-content: flex-start;
@@ -261,7 +261,7 @@
     }
 
     .calcStatBox {
-        margin-top: 200px;
+        margin-top: 180px;
     }
 
     .hitPointBox {
@@ -294,7 +294,7 @@
         margin: 15px 10px;
         display: flex;
         flex-direction: column;
-        justify-content: space-around;
+        justify-content: space-evenly;
         align-items: center;
         text-align: center;
     }
@@ -330,7 +330,39 @@
         padding: 0px 10px;
     }
 
+    .horLine {
+        width: 400px;
+        position: absolute;
+        right: 0px;
+        height: 5px;
+        bottom: 411px;
+        background-color: #5e0000;
+    }
+
     nav {
         border: none;
     }
-}
+
+    .menuIcon {
+        height: 35px;
+		width : 45px;
+		background-color: #003300;
+		float: left;
+		margin-right: 7px;
+
+		border-radius: 10px;
+		-webkit-border-radius: 10px;
+		-moz-border-radius: 10px;
+		-o-border-radius: 10px;
+
+		background: linear-gradient(top, #307bfb 0%, #0530e5 80%);
+		background: -webkit-linear-gradient(top, #307bfb 0%, #0530e5 80%);
+		background: -moz-linear-gradient(top, #307bfb 0%, #0530e5 80%);
+		background: -o-linear-gradient(top, #307bfb 0%, #0530e5 80%);
+
+		box-shadow: -1px 2px #001c91;
+		-webkit-box-shadow: -1px 2px #001c91;
+		-moz-box-shadow: -1px 2px #001c91;
+		-o-box-shadow: -1px 2px #001c91;
+    }
+}