add bootstrap

style/_logon.scss

@@ -1,42 +1,27 @@
-/* Log on */
-
-#logon {
-	width: 496px;
-    height: 225px;
-    position: fixed;
-    top: 0px;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
-    margin: auto;
-	background: transparent url('../images/bubble_inverted.png') 0 0 no-repeat;
-}
-
-#logon, #logon input {
-	font-size:30px;
-	border:none;
-	background-color:transparent;
-}
-
-#logon .credentials {
-	margin:45px  0 0 0 ;
-}
-
-#logon .credentials input {
-	width: 305px;
-	padding:0 60px;
-	text-align: center;
-}
-
-
-#logon input.connection {
-	position:absolute;
-	left:374px;
-	top:140px;
-	cursor:pointer;
-}
-
-#logon .register {
-	margin-top:60px;
-	text-align: center;
+/* Log on */
+
+#logon {
+	width: 300px;
+	transform: translate(-50%, -50%);
+	position: absolute;
+	left: 50%;
+	top: 40%;
+	padding: 1em;
+	
+	#pass_conf_box {
+		.fa-password {
+			&.first {
+				margin: -0.25em 0.25em 0 -0.25em;
+			}
+			&.second {
+				position: absolute;
+				margin: 0.25em 0 0 0.25em;
+			}
+		}
+	}
+	
+	#btn_box.registering #register {
+		margin-left: 100%;
+		transform: translateX(-100%);
+	}
 }