Revert "Solved html css"

package.json

@@ -20,7 +20,6 @@
         "build": "react-scripts build",
         "test": "react-scripts test",
         "test:cov": "react-scripts test --coverage --watchAll",
-        "test:json": "react-scripts test --json --watchAll=false --outputFile jest-output.json --coverage",
         "eject": "react-scripts eject",
         "lint": "eslint ./src --ext .tsx --ext .ts --max-warnings 0",
         "eslint-output": "eslint-output ./src --ext .tsx --ext .ts --max-warnings 0",

src/App.css

@@ -15,7 +15,7 @@
 
 .App-header {
     width: 100%;
-    background-color: #a1bdf5;
+    background-color: #282c34;
     min-height: 40vh;
     display: flex;
     flex-direction: column;

src/App.tsx

@@ -1,59 +1,13 @@
 import React from "react";
 import "./App.css";
-import { Button, Container } from "react-bootstrap";
 
 function App(): React.JSX.Element {
     return (
         <div className="App">
             <header className="App-header">
                 UD CISC275 with React Hooks and TypeScript
             </header>
-            <p>Kate Geiszler</p>
-            <p>Hello World</p>
-            <h1>Toby the Raccoon</h1>
-            <img src="https://shorturl.at/hSriG" alt="A Picture of a Raccoon" />
-            <p>Tobys favorites things To Do</p>
-            <ul>
-                <li>Sudoku</li>
-                <li>Eating</li>
-                <li>Sleeping</li>
-            </ul>
-            <Button
-                onClick={() => {
-                    console.log("I am logged");
-                }}
-            >
-                Log Hello World
-            </Button>
-            <Container
-                style={{
-                    display: "flex",
-                    justifyContent: "space-between",
-                    marginTop: "20px",
-                }}
-            >
-                <div
-                    style={{
-                        width: "100px",
-                        height: "200px",
-                        backgroundColor: "red",
-                    }}
-                ></div>
-                <div
-                    style={{
-                        width: "100px",
-                        height: "200px",
-                        backgroundColor: "red",
-                    }}
-                ></div>
-                <div
-                    style={{
-                        width: "100px",
-                        height: "200px",
-                        backgroundColor: "red",
-                    }}
-                ></div>
-            </Container>
+            <p>My name is Kate Geiszler</p>
         </div>
     );
 }