css implementation

config/html_report/hayabusa_report.css

@@ -1,11 +1,64 @@
+body {
+  margin: 0;
+  width: 100vw;
+  height: 100vh;
+  background-image:url(./background_image.jpg);
+}
+
+section {
+  background-image: none;
+  background-color:white;
+  margin: 0 auto;
+  width:50%;
+	box-shadow: 10px 10px 25px 10px rgba(0, 0, 0, .5);
+}
+
 h2 {
-    background-color: blue;
-    color: white;
+  padding:0.25em 0.5em;
+  color:#494949;
+  background:#f4faff;
+  border-left : solid 5px  #1e0fcc;
+	margin: 16px;
+}
+
+h3 {
+  background-color: #ccc;
+  padding:3px;
+	margin: 16px;
+}
+
+#computers_with_most_unique_critical_detections {
+  color: #ff0000;
+  border-bottom: solid 3px #ff0000;
+}
+
+#computers_with_most_unique_high_detections {
+  color: #ffff00;
+  border-bottom: solid 3px #ffff00;
+}
+
+#computers_with_most_unique_medium_detections {
+  color: #00ffff;
+  border-bottom: solid 3px #00ffff;
+}
+
+#computers_with_most_unique_low_detections {
+  color: #00ff00;
+  border-bottom: solid 3px #00ff00;
+}
+
+
+li {
+  padding: 5px;
+	margin: 16px;
+}
+li:nth-child(odd){
+  background-color: #f4faff
 }
 
 img#logo {
-    width: 25%;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
+  width: 300px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }