Add new magic items, update styles.

src/assets/styles/styles.css

@@ -360,14 +360,26 @@ a.hiddenLink:hover {
 }
 
 .menu-text {
+	color: #38b1b6;
+	font-weight: bold;
+	padding: 0 0.5rem;
 	position: absolute;
-	left: 2.25rem;
+	left: 1.75rem;
 	top: 0.75rem;
 	text-transform: uppercase;
 	z-index: 1;
 	transition: 0.3s all;
 }
 
+.menu-text:hover {
+	border: 1px solid #c33f3d;
+	background-color: #38b1b6;
+	border-radius: 0.3rem;
+	color: #c33f3d;
+	text-decoration: none;
+	text-shadow: 0px 1px 1px rgba(16, 16, 16, 0.6);
+}
+
 #menu-toggle {
 	display: block;
 	opacity: 0;
@@ -596,6 +608,7 @@ a.hiddenLink:hover {
 }
 
 .pageFooter {
+	border-top: 1px solid #252837;
 	margin: 0 auto;
 	padding: 0.5em 1em;
 	width: 100%;
@@ -624,8 +637,7 @@ a.hiddenLink:hover {
 }
 
 .pageMain {
-	min-height: 28em;
-	padding: 1em;
+	padding: 2em 1em 1em;
 }
 
 a.pageTitle-link,
@@ -788,7 +800,7 @@ a.pageTitle-link:visited {
  * TODO: Remove the unnecessary styles below this line
  *                                                                                                                         *
  ***************************************************************************************************************************/
-
+/*
 .asideBio {
 	line-height: 1.35em;
 	padding: 0.5em;
@@ -845,7 +857,7 @@ a.pageTitle-link:visited {
 
 .asideMenu-list {
 	align-content: center;
-	align-items: center; /* or stretch */
+	align-items: center; /* or stretch */ /*
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
@@ -1416,7 +1428,7 @@ a.pageTitle-link:visited {
 /****************************************************************************
  * State Overrides
  ****************************************************************************/
-
+/*
 .asideBio.hideBio {
 	display: none;
 }