changed colors

data/comments.json

@@ -1 +1 @@
-[{"comments":"asdfa","count":1}]
+[{"comments":"asdfa","count":1},{"comments":"dfgdfgd","count":1},{"comments":"qwer","count":1}]

data/email.json

@@ -1 +1 @@
-[{"email":"ruchir@gmail.com","count":1}]
+[{"email":"ruchir@gmail.com","count":1},{"email":"ruchirawperera@gmail.com","count":2}]

data/firstName.json

@@ -1 +1 @@
-[{"firstName":"Ruchira","count":1}]
+[{"firstName":"Ruchira","count":3}]

data/lastName.json

@@ -1 +1 @@
-[{"lastName":"Perera","count":1}]
+[{"lastName":"Perera","count":3}]

data/question1.json

@@ -1 +1 @@
-[{"question1":"yes","count":1}]
+[{"question1":"yes","count":3}]

data/question2.json

@@ -1 +1 @@
-[{"question2":"New UI","count":1}]
+[{"question2":"New UI","count":3}]

data/question3.json

@@ -1 +1 @@
-[{"question3":"on","count":1}]
+[{"question3":"on","count":3}]

data/question4.json

@@ -1 +1 @@
-[{"question4":["Position of messages on the screen is consistent ","System always informs about the progress of the task "],"count":1}]
+[{"question4":["Position of messages on the screen is consistent ","System always informs about the progress of the task "],"count":1},{"question4":"Prompts for inputs are clear ","count":1},{"question4":"Position of messages on the screen is consistent ","count":1}]

data/question5.json

@@ -1 +1 @@
-[{"question5":"on","count":1}]
+[{"question5":"on","count":3}]

data/question6.json

@@ -1 +1 @@
-[{"question6":"asdfasa","count":1}]
+[{"question6":"asdfasa","count":1},{"question6":"kl","count":2}]

public/styles.css

@@ -24,7 +24,7 @@ p{
 }
 
 hr{
-  border: dotted #FFD591 6px;
+  border: dotted #276678 6px;
   border-bottom: none;
   width: 70%;
 }
@@ -33,13 +33,13 @@ hr{
 #form {
   padding: 7% 15%;
   text-align: center;
-  background-image: url('images/bg3.jpg');
+  background-image: url('images/bg4.jpg');
 }
 .surveryForm {
   /* #DDDDDD; */
   background-color: #fafafa;
   border-radius: 2rem;
-  border: #5B6D5B solid 2rem;
+  border: #d3e0ea solid 2rem;
 }
 
 .surveyIntro{
@@ -122,6 +122,8 @@ hr{
 /* Footer section */
 #footer {
   padding: 3% 4%;
-  background-color: #ffd591;
+  background-color: #d3e0ea;
+  color: #276678;
+  font-weight: bold;
   text-align: center;
 }