Added close button to dashboard #7

css/main.css

@@ -83,6 +83,37 @@ body {
     transition: -webkit-box-shadow 0.1s ease-out;
 }
 
+.close {
+	position: absolute;
+	right: 16px;
+	top: 16px;
+	width: 32px;
+	height: 32px;
+	opacity: 0.75;
+	cursor: pointer;
+}
+
+.close:hover {
+	opacity: 1;
+}
+
+.close:before, .close:after {
+	position: absolute;
+	left: 14px;
+	content: ' ';
+	height: 32px;
+	width: 4px;
+	background-color: #9f2d42;
+}
+
+.close:before {
+	transform: rotate(45deg);
+}
+
+.close:after {
+	transform: rotate(-45deg);
+}
+
 .about {
 	line-height: 25px;
 	text-align: justify;

index.html

@@ -22,6 +22,7 @@
 	</div> <!-- end header -->
 
 	<div id="dashboard">
+		<div class="close displayNone"></div>
 		<div id="lineChart"></div>
 		<div id="control"></div>
 		<div id="aboutText" class="displayNone">