refactored css for easier colorscheme changes.

src/main.jsx

@@ -3,7 +3,7 @@ import { createRoot } from "react-dom/client";
 import { BrowserRouter as Router, Routes, Route } from "react-router";
 import App from "./App.jsx";
 import Resume from "./Resume.jsx";
-import PageNotFound from "./PageNotFound.jsx";
+import ErrorPage from "./ErrorPage.jsx";
 
 const container = document.getElementById("app");
 const root = createRoot(container); // createRoot(container!) if you use TypeScript
@@ -12,7 +12,12 @@ root.render(
     <Routes>
       <Route exact path="/" element={<App />} />
       <Route exact path="/resume" element={<Resume />} />
-      <Route path="*" element={<PageNotFound />} />
+      <Route
+        path="*"
+        element={
+          <ErrorPage errorCode="404" errorMessage="This page does not exist." />
+        }
+      />
     </Routes>
   </Router>,
 );