Change style home page

src/app/components/home/home.component.html

@@ -1,3 +1,5 @@
-<h1 class="title">
+<div class="container">
+  <h1 class="title">
     {{title}}
-</h1>
+  </h1>
+</div>

src/app/components/home/home.component.scss

@@ -1,8 +1,17 @@
-.title {
+.container {
-  color: black;
+  height: 100%;
-  margin:0;
+  display: flex;
-  padding:50px 20px;
+  align-items: center;
+  justify-content: center;
+
   background: url(../../../assets/background.jpg) no-repeat center fixed;
   -webkit-background-size: cover; /* pour anciens Chrome et Safari */
   background-size: cover; /* version standardisée */
+
+  .title {
+    color: white;
+    margin:0;
+    padding:50px 20px;
+  }
+
 }

src/styles.scss

@@ -1 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
+html, body {
+  margin: 0;
+  padding: 0;
+
+  height: 100%;
+}