updated font css, hover css

index.html

@@ -100,6 +100,10 @@ $(document).ready(function(){
 		todayFormatted = today.toString();
 	
 		$("#byline").html("<p>blackout poem inspired by " + book.title + " by " + book.author + "</p><p>composed on: " + todayFormatted) + "</p>"; 
+		
+		 $(this).text(function(i, text){
+          return text === "Blackout!" ? "Un-Blackout!" : "Blackout!";
+      })
 	}); // compose 
 	
 	// reset everything back 
@@ -157,15 +161,17 @@ $(document).ready(function(){
 	<p>Click on a word to select it, click on it again to unselect. When you’ve found your poem hit Blackout! Get a screen shot and copy the words below!</p>
 </header>
 
-<nav>
-	<button class="helpbtn btn btn-mn">Help</button> - <button id="lock" class="btn btn-mn">Lock</button> - <button id="compose" class="btn btn-mn">Blackout!</button> - <button id="clear" class="btn btn-mn">Start Over</button> - <button id="screen" class="btn btn-mn">Save as image</button>
-</nav>
-
 <div id="poem_header">
 	<h2>Invaders from the Dark</h2>
 	<h3>Greye La Spina</h3>
 </div>
 
+<nav>
+	<button class="helpbtn btn btn-mn">Help</button> - <button id="clear" class="btn btn-mn">Start Over</button> - <button id="compose" class="btn btn-mn">Blackout!</button> - <button id="screen" class="btn btn-mn">Save as image</button>
+</nav>
+
+
+
 <main id="poem">
 
 	<div id="spina" class="unlock">