Changed spacing in login.css and main.css

src/login.css

@@ -19,6 +19,7 @@
 	text-align: center;
 	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
 }
+
 .form input {
 	font-family: "Roboto", sans-serif;
 	outline: 0;
@@ -30,6 +31,7 @@
 	box-sizing: border-box;
 	font-size: 14px;
 }
+
 .form button {
 	font-family: "Roboto", sans-serif;
 	text-transform: uppercase;
@@ -44,7 +46,10 @@
 	transition: all 0.3 ease;
 	cursor: pointer;
 }
-.form button:hover,.form button:active,.form button:focus {
+
+.form button:hover,
+.form button:active,
+.form button:focus {
 	background: #43A047;
 }
 
@@ -54,15 +59,19 @@
 	max-width: 300px;
 	margin: 0 auto;
 }
-.container:before, .container:after {
+
+.container:before,
+.container:after {
 	content: "";
 	display: block;
 	clear: both;
 }
+
 .container .info {
 	margin: 50px auto;
 	text-align: center;
 }
+
 .container .info h1 {
 	margin: 0 0 15px;
 	padding: 0;
@@ -70,19 +79,24 @@
 	font-weight: 300;
 	color: #1a1a1a;
 }
+
 .container .info span {
 	color: #4d4d4d;
 	font-size: 12px;
 }
+
 .container .info span a {
 	color: #000000;
 	text-decoration: none;
 }
+
 .container .info span .fa {
 	color: #EF3B3A;
 }
+
 body {
-  background: #76b852; /* fallback for old browsers */
+	background: #76b852;
+	/* fallback for old browsers */
 	background: rgb(141, 194, 111);
 	background: linear-gradient(90deg, rgba(141, 194, 111, 1) 0%, rgba(118, 184, 82, 1) 50%);
 	font-family: "Roboto", sans-serif;

src/main.css

@@ -19,7 +19,8 @@ header {
 	margin-top: 20px;
 	position: relative;
 	width: 100%;
-    padding-bottom: 56.25%; /* 16:9 aspect ratio for responsive video */
+	padding-bottom: 56.25%;
+	/* 16:9 aspect ratio for responsive video */
 }
 
 video {