diff --git a/src/App.css b/src/App.css
new file mode 100644
index 0000000..8256f35
--- /dev/null
+++ b/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;
+}
diff --git a/src/App.js b/src/App.js
index da8f1a5..3093bee 100644
--- a/src/App.js
+++ b/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 (
<>
-
-
+
+
+
+
+
+
>
)
}