fix styling

src/App.js

@@ -86,7 +86,7 @@ export default function App() {
           <Route path='post' element={<Catalog />} />
           <Route path='settings' element={<Catalog />} />
         </Route>
-        <Route path='*' element={<NotFound />} />
+        <Route path='*' element={<NotFound setBodyStyle={setBodyStyle} />} />
       </Routes>
       <StyledContainer />
   </div>

src/components/NotFound.jsx

@@ -1,9 +1,21 @@
-import React from 'react';
+import React, { useEffect }  from 'react';
+import useBoardStore from '../useBoardStore';
 import { Link } from "react-router-dom";
 import { Container, Header, Logo, Page, Boards, BoardsTitle } from './styles/Home.styled';
 
 
-const NotFound = () => {
+const NotFound = ({ setBodyStyle }) => {
+
+  const { setSelectedStyle } = useBoardStore(state => state);
+
+  useEffect(() => {
+    setBodyStyle({
+      background: "#ffe url(/assets/fade.png) top repeat-x",
+      color: "maroon",
+      fontFamily: "Helvetica, Arial, sans-serif"
+    });
+    setSelectedStyle("Yotsuba");
+  }, [setBodyStyle, setSelectedStyle]);
 
   return (
     <Container>

src/components/ReplyModal.jsx

@@ -49,6 +49,7 @@ const StyledModal = styled(Modal)`
     outline: medium none;
     width: 298px;
     padding: 2px;
+    margin-bottom: 1px;
   }
 
   textarea {
@@ -56,6 +57,7 @@ const StyledModal = styled(Modal)`
     float: left;
     font-size: 10pt;
     font-family: Arial, Helvetica, sans-serif;
+    margin-top: 0.5px;
   }
 
   #captcha-container {
@@ -269,14 +271,16 @@ const ReplyModal = ({ isOpen, closeModal }) => {
           </div>
           <div id="form">
             <div>
-              <input id="name" type="text" placeholder="Name" disabled></input>
+              <input id="name" type="text" placeholder="Name"></input>
             </div>
             <div>
-              <textarea rows="4" placeholder="Comment" wrap="soft" disabled></textarea>
+              <input id="name" type="text" placeholder="Embed link"></input>
             </div>
             <div>
-              <span>Challenge 1 of 3</span>
+              <textarea rows="4" placeholder="Comment" wrap="soft"></textarea>
-              <button id="next">Next</button>
+            </div>
+            <div>
+              <button id="next">Post</button>
             </div>
           </div>
         </div>