From 32113d15dac4cdef46d24cb1124602fc0df762b7 Mon Sep 17 00:00:00 2001
From: JD Shaeffer <shaefferjd@gmail.com>
Date: Sun, 15 Oct 2023 12:03:05 -0700
Subject: [PATCH] fix background and routing

---
 src/App.js    | 4 ++--
 src/Intro.js  | 4 ++--
 src/index.css | 1 +
 src/index.js  | 3 +--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.js b/src/App.js
index 83d2614..39d9c2d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,10 +12,10 @@ const App = () => {
             <Route exact path='/dungeon-solitaire'>
               <Intro />
             </Route>
-            <Route path='/easy'>
+            <Route exact path='/dungeon-solitaire/easy'>
               <Game difficulty='easy' />
             </Route>
-            <Route path='/hard'>
+            <Route exact path='/dungeon-solitaire/hard'>
               <Game difficulty='hard' />
             </Route>
           </Switch>
diff --git a/src/Intro.js b/src/Intro.js
index 4f888b1..7bc7310 100644
--- a/src/Intro.js
+++ b/src/Intro.js
@@ -7,10 +7,10 @@ const Intro = () => {
       <h1>welcome to dungeon solitaire (in beta)</h1>
       <h3>pick a difficulty:</h3>
       <div>
-        <Link to='/easy'>
+        <Link to='dungeon-solitaire/easy'>
           <button>easy</button>
         </Link>
-        <Link to='/hard'>
+        <Link to='dungeon-solitaire/hard'>
           <button>hard</button>
         </Link>
       </div>
diff --git a/src/index.css b/src/index.css
index ec2585e..e8c77d2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,6 +5,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background-color: #282c34;
 }
 
 code {
diff --git a/src/index.js b/src/index.js
index 3eff0a0..69d7a3b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,8 +1,7 @@
-import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
 import App from './App';
 import { BrowserRouter } from 'react-router-dom';
+import './index.css';
 
 ReactDOM.render(
   <BrowserRouter>