FIX look and feel

gatsby-kedro-viz/src/components/header.js

@@ -5,7 +5,7 @@ import React from "react"
 const Header = ({ siteTitle }) => (
   <header
     style={{
-      background: `rebeccapurple`,
+      background: `black`,
       marginBottom: `1.45rem`,
     }}
   >

gatsby-kedro-viz/src/components/layout.css

@@ -1,3 +1,7 @@
+.kedro-pipeline {
+  height: 80vh !important;
+}
+
 html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
@@ -8,6 +12,9 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+body::-webkit-scrollbar {
+  display: none;
+}
 article,
 aside,
 details,
@@ -199,7 +206,8 @@ html {
   box-sizing: inherit;
 }
 body {
-  color: hsla(0, 0%, 0%, 0.8);
+  background: rgb(47, 52, 56);
+  color: hsla(0, 0%, 96%, 0.8);
   font-family: georgia, serif;
   font-weight: normal;
   word-wrap: break-word;