Unify spacing and remove repeat styles in css #9

css/main.css

@@ -10,8 +10,8 @@
 */
 
 * {
-	margin:0;
-	padding:0;
+	margin: 0;
+	padding: 0;
 	outline: none;
 }
 
@@ -22,7 +22,7 @@
 
 /*Gives support for flexbox in more browsers
   Margins can be edited once there is support for row-gap and column-gap*/
-  .flex-parent {
+.flex-parent {
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-pack: distribute;
@@ -43,19 +43,18 @@ body {
 }
 
 #header {
-	max-width:1000px;
+	max-width: 1000px;
 	margin: 0 auto;
 }
 
 #header a, #header button {
-	text-decoration:none;
-	outline:none;
+	text-decoration: none;
 	align-self: flex-end;
 }
 
 #page-title {
-	font-size:30px;
-	color:#9f2d42;
+	font-size: 30px;
+	color: #9f2d42;
 	white-space: nowrap;
 }
 
@@ -64,9 +63,9 @@ body {
 }
 
 #dashboard {
-	width:80%;
-	margin:20px auto;
-	position:relative;
+	width: 80%;
+	margin: 20px auto;
+	position: relative;
 	overflow: hidden;
 	background-color: #fff;
 	/* Border Radius */
@@ -95,7 +94,6 @@ body {
 
 .aboutBtn, .getPlink, .csvBtn {
 	font-size: 18px;
-	font-family: Georgia, Serif;
 	border: 1px solid #666;
 	border-radius: 5px;
 	-webkit-border-radius: 5px;
@@ -114,7 +112,6 @@ body {
 	vertical-align: text-top;
 }
 
-
 .aboutBtn:hover {
 	border: 1px solid #222;
 	-moz-box-shadow: 0px 0px 4px #222;
@@ -164,7 +161,7 @@ body {
 	border-radius: 5px;
 	background: #9f2d42;
 	bottom: 150%;
-	left:20%;
+	left: 20%;
 }
 
 .getPlink::after {
@@ -180,8 +177,8 @@ body {
 #site-details {
 	margin-bottom: 20px;
 	text-align: center;
-	font-size:10px;
-	color:#888;
+	font-size: 10px;
+	color: #888;
 }
 
 #site-options {