issue#46_3

Added css, and some changes in the html.

src/app/help-component/help-component.component.css

@@ -0,0 +1,19 @@
+.main {
+    display: flex;
+    flex-direction: column;
+    font-family: "Open Sans", sans-serif;
+    width: 100%;
+    color: black;
+    background-color:#2A2845;        
+}
+
+.question {
+    margin: 1.5em;
+    padding: 1em;
+    border-radius: 1em;
+    background-color: #7C4DFF;
+    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.67);
+}
+.description{
+    color: #fff;
+}

src/app/help-component/help-component.component.html

@@ -1,30 +1,32 @@
-<h1>Here there is a recopilation of questions frequently asqued of how to use DeChat.</h1>
-<section>
-    <h2>How can I add friends?</h2>
-    <p>
+<div class="main">
+<h1 class="description">Here there is a recopilation of questions frequently asqued of how to use DeChat:</h1>
+<section class= "question">
+    <h2 class="query">How can I add friends?</h2>
+    <p class="answer">
       You simply have to go to the "Settings" section in the navigation bar. Then you select the 
-      of yuor friend, as well as the provider, and you click on  the "Add Friend" button.
+      username of your friend, as well as one provider, and you click on  the "Add Friend" button.
     </p>
   </section>
 
-  <section>
-    <h2>How can I start a chat with a friend?</h2>
-    <p>
+  <section class= "question">
+    <h2 class="query">How can I start a chat with a friend?</h2>
+    <p class="answer">
       Go to the right section on the chat, where your friends are listed, and click on his name.
-      Now you have to click on the chat form.
+      Now you must click on the chat form, and your friend too. Then you should be able to talk with him.
     </p>
   </section>
 
-  <section>
-    <h2>With which services can I log in?</h2>
-    <p>
+  <section class= "question">
+    <h2 class="query">With which providers can I log in?</h2>
+    <p class="answer">
       There exist three ways to log in the application.You can use a Solid account, using Inrupt, or with 
       an specific web id.
     </p>
   </section>
-  <section>
-      <h2>Can I cange my personal data in the application?</h2>
-      <p>
+  <section class= "question">
+      <h2 class="query">Can I cange my personal data in the application?</h2>
+      <p class="answer">
         Yes, you can go to the "Profile" section and add or modify the information as you want.
       </p>
-    </section>
+    </section>
+  </div>