version 2 -- improved look

package.json

@@ -8,12 +8,10 @@
     "@fortawesome/free-regular-svg-icons": "^5.13.0",
     "@fortawesome/free-solid-svg-icons": "^5.13.0",
     "@fortawesome/react-fontawesome": "^0.1.10",
-    "@material-ui/core": "^4.10.2",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
     "bootstrap": "^4.5.0",
-    "fontsource-roboto": "^2.1.4",
     "moment": "^2.26.0",
     "react": "^16.13.1",
     "react-dates": "^21.8.0",

public/index.html

@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="Task taker, your to-do application"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--

src/App.css

@@ -27,13 +27,9 @@ h1, h2, h3 {
   margin-top: 15px;
 }
 
-/* .task-input {
-  transition: all 1s ease-in;
-} */
-
-.task-input:hover {
+/* .task-input:hover {
   transform: scale(1.01);
-}
+} */
 
 span.today-date {
   padding-left: 10px;
@@ -116,10 +112,10 @@ span.today-date {
 
 .today-img {
   width: 70px;
-  margin-right: 10px;
+  /* margin-right: 10px; */
 }
 
 .addtask-img {
-  width: 25px;
+  width: 22px;
   margin-right: 10px;
 }

src/components/TodoInputComponent.js

@@ -95,12 +95,8 @@ class TodoInput extends Component {
                                             </div>
                                         </Form>
                                     </div>
-
                                 </div>
-                            </div>
-
-
-
+                            </div>                    
                         </Card>
                     </div>
                 </div>

src/index.css

@@ -1,10 +1,15 @@
+@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@700&display=swap');
+
+
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+    sans-serif; */
+  font-family: 'Gaegu', cursive;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 18px;
 
   background-color:rgb(235, 236, 231);
 }

src/index.js

@@ -4,7 +4,6 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import 'react-dates/lib/css/_datepicker.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
-import 'fontsource-roboto';
 import './index.css';
 
 ReactDOM.render(