Add page styling, add header/footer

src/App.css

@@ -0,0 +1,18 @@
+body,
+html {
+  margin: 0;
+  padding: 0;
+  font-family: Arial, Helvetica, sans-serif;
+  line-height: 1.5;
+  background-color: #fce6cb;
+}
+
+header {
+  border-bottom: 2px solid white;
+  margin-bottom: 1em;
+}
+
+footer {
+  border-top: 2px solid white;
+  margin-top: 1em;
+}

src/App.js

@@ -3,11 +3,19 @@ import React from 'react'
 import { RsvpReader } from './components/RsvpReader'
 import { GutenbergSearch } from './components/GutenbergSearch'
 
+import './App.css'
+
 export const App = () => {
   return (
     <>
-      <RsvpReader></RsvpReader>
+      <header>
-      <GutenbergSearch></GutenbergSearch>
+        <h1>The fast reader</h1>
+      </header>
+      <main>
+        <RsvpReader></RsvpReader>
+        <GutenbergSearch></GutenbergSearch>
+      </main>
+      <footer>Made by Alfred Melch</footer>
     </>
   )
 }