nav and font stuff

client/assets/styles/skeleton.css

@@ -120,6 +120,7 @@ html is set to 62.5% so that all the REM measurements throughout Skeleton
 are based on 10px sizing. So basically 1.5rem = 15px :) */
 html {
   font-size: 62.5%; }
+
 body {
   font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
   line-height: 1.6;

client/assets/styles/styles.css

@@ -112,8 +112,7 @@ nav button.active {
 
 nav button[disabled], nav button[disabled]:hover {
     color: #333333;
-    font-size: 14pt;
-    text-decoration: line-through
+    text-decoration: none;
 }
 
 nav button:hover, nav button:focus {

client/index.html

@@ -10,8 +10,7 @@
     <meta name="author" content="ntr@smokestack.io">
     <link rel="manifest" href="manifest.webmanifest">
     <link rel="stylesheet" href="./node_modules/izitoast/dist/css/iziToast.min.css"></script>
-    <!-- <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet"> -->
-    <!-- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
+    <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
     <link rel="stylesheet" href="assets/styles/normalize.css">
     <link rel="stylesheet" href="assets/styles/skeleton.css">
   </head>

client/src/components/header.component.jsx

@@ -23,7 +23,7 @@ function renderHeader(args) {
     return (
         <header>
             <h1 className="header-title">
-                <i id="nav-btn" onClick={() => setShowNav(!showNav)} className="fa fa-bars"></i>
+                <span id="nav-btn" onClick={() => setShowNav(!showNav)} >☰</span>
                 mnml.gg
             </h1>
             {accountStatus}