added fa, button for submit (not working now)

JasterSind.css

@@ -16,16 +16,18 @@ html, body {
   background-repeat: round;
 }
 header {
-  position: absolute;
+  /* position: absolute; */
   display: block;
   text-align: center;
   color: #ccc;
 }
 
 #gameboard {
-  top: 50px;
+  /* top: 50px; */
   margin-top: 40px;
   position: relative;
+  left: 50%;
+  transform: translateX(-50%);
 }
 #gameboard h2 {
   text-align: center
@@ -38,11 +40,12 @@ ol.dotsContainer, ol.movesContainer {
   width: auto;
   text-align: center;
   margin: 32px;
+  margin-left: 0;
   padding: 0;
   max-width: 400px;
-
+  
   animation: slideFromLeft 1s;
-
+  
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
@@ -51,6 +54,38 @@ ol.dotsContainer, ol.movesContainer {
   user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
 }
 
+ol.movesContainer {
+  margin: 32px;
+}
+
+a.button_submit {
+  /* width: 50px; */
+  /* height: 50px; */
+  max-width: 20px;
+  max-height: 18px;
+  background: rgba(0, 0, 0, .2);
+  border: 1px solid rgba(5, 5, 5, .5); 
+  /* float: left; */
+  display: block;
+  text-align: center;
+  position: relative;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 8px;
+  padding-top: 10px;
+  border-radius: 10px;
+  text-decoration: none;
+  color: #888;
+  box-shadow: 0 2px 20px rgba(0, 0, 0, .2);
+  transition: .4s .1s;
+  margin-top: 10px;
+}
+a.button_submit:hover {
+  background: rgba(20, 20, 20, .1);
+  transition: .3s;
+  color: #ddd;
+}
+
 .dot {
   cursor: pointer;
   box-shadow: 0 1px 6px -2px rgba(0, 0, 0, .8);

index.html

@@ -34,6 +34,8 @@
   <!-- <link rel="icon" sizes="72x72" href="http://flowin.space/quite/images/favicon72.png" type="image/x-icon">
   <link rel="icon" sizes="256x256" href="http://flowin.space/quite/images/favicon256.png" type="image/x-icon"> -->
 
+  <!-- <link rel="stylesheet" href="fontawesome/css/fontawesome.min.css" /> -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/raleway" type="text/css" />
   <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/source-code-pro" type="text/css" />
@@ -67,7 +69,7 @@
         <li id="m1d3" class="try dot"></li>
         <li id="m1d4" class="try dot"></li>
         
-        <div class="answer">  
+        <div class="answer">
           <div class="answer_l1">  
             <li id="a12d1" class="dot_answ"></li>
             <li id="a12d2" class="dot_answ"></li>
@@ -77,6 +79,9 @@
             <li id="a12d4" class="dot_answ"></li>
           </div>
         </div>
+        <a class="button_submit" href="">
+          <i class="fa fa-check fa-lg"></i>
+        </a>
         
       </ol>
     </ol>