Add font inputs

index.html

@@ -142,6 +142,11 @@
       </div>
       <div id="step3">
 	<h2>Choisissez votre police</h2>
+	<div>
+	  <input type="radio" id="radio-font-1" name="font" value="1" /><label for="radio-font-1">Font 1</label>
+	  <input type="radio" id="radio-font-2" name="font" value="2" checked/><label for="radio-font-2">Font 2</label>
+	  <input type="radio" id="radio-font-3" name="font" value="3" /><label for="radio-font-3">Font 3</label>
+	</div>
 	<div class="navButtons">
 	  <a href="#step2" class="prevButton">&lsaquo;</a>
 	  <a href="#step4" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>

style.css

@@ -102,6 +102,7 @@ div#inputs > div:first-child > button#randomize {
 div.navButtons {
   float: right;
   margin-right: 20px;
+  margin-top: 2em;
 }
 
 div.navButtons > a, button {
@@ -147,11 +148,34 @@ main > #credits {
   margin-top: 100px;
 }
 
-div#step2 textarea {
+div#step2 > textarea {
   margin-left: 10%;
   width: 80%;
   padding: 20px;
-  margin-bottom: 2em;
+}
+
+div#step3 > div:nth-of-type(1) {
+  margin-left: 10%;
+  width: 80%;
+  background-color: #ebf3ff;
+}
+
+div#step3 > div:nth-of-type(1) > input[type="radio"] {
+  display: none;
+}
+
+div#step3 > div:nth-of-type(1) > input[type="radio"] + label {
+  display: block;
+  width: 100%;
+  font-size: 2.4em;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+div#step3 > div:nth-of-type(1) > input[type="radio"]:checked + label {
+  color: #ebf3ff;
+  background-color: #497ed5;
+
 }
 
 textarea, input[type="text"] {