modified design

db.json

@@ -1,13 +1,13 @@
 {
   "tasks": [
     {
-      "title": "Sleep",
+      "title": "Sleeping",
       "completed": false,
       "editing": false,
       "id": 1
     },
     {
-      "title": "Dance",
+      "title": "Dancing all day",
       "completed": false,
       "editing": false,
       "id": 2

src/app/Todo-List-App/containers/TodoList/todo-list.component.css

@@ -7,6 +7,10 @@
     text-decoration-line: line-through;
 }
 
+h1{
+    font-family: 'Patrick Hand', cursive;
+}
+
 .addInput{
     max-width: 500px;
     line-height: 2em;

src/app/Todo-List-App/containers/TodoList/todo-list.component.html

@@ -2,7 +2,7 @@
     <div class="nav">Hello! <span class="dateClass">{{today | date: 'short'}}</span></div>
     <div class="main-container">
         <div class="header">
-            <h1>TODO LIST</h1>
+            <h1>TODO LIST <i class="fa fa-pencil"></i></h1>
         </div>
         <div *ngIf="remaining() !== 0">
             <div class="info"><input type="checkbox" (change)="selectAll()">Select All</div>

src/app/app.component.css

@@ -1,5 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Ruluko&display=swap');
-
+@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
 *{
     font-family: 'Ruluko', sans-serif;
     margin: 0;