diff --git a/css/style.css b/css/style.css
index 2feb820..f079d41 100755
--- a/css/style.css
+++ b/css/style.css
@@ -117,4 +117,8 @@ ul li.editMode input[type=text] {
 
 ul li.editMode label {
   display:none;
+}
+
+.heading-text {
+  color: blue;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 66f032d..c486c75 100755
--- a/index.html
+++ b/index.html
@@ -7,18 +7,18 @@
   </head>
   <body>
     <div class="container">
-      <p>
+      <p class="heading-text">
         <label for="new-task">Add Item</label><input id="new-task" type="text"><button>Add</button>
       </p>
       
-      <h3>Todo</h3>
+      <h3 class="heading-text">Todo</h3>
       <ul id="incomplete-tasks">
         <li><input type="checkbox"><label>Pay Bills</label><input type="text"><button class="edit">Edit</button><button class="delete">Delete</button></li>
         <li class="editMode"><input type="checkbox"><label>Go Shopping</label><input type="text" value="Go Shopping"><button class="edit">Save</button><button class="delete">Delete</button></li>
         
       </ul>
       
-      <h3>Completed</h3>
+      <h3 class="heading-text">Completed</h3>
       <ul id="completed-tasks">
         <li><input type="checkbox" checked><label>See the Doctor</label><input type="text"><button class="edit">Edit</button><button class="delete">Delete</button></li>
       </ul>
