fix styles

src/app/main/main.component.scss

 .title {
   display: flex;
   justify-content: center;
-  font-size: larger;
   align-items: center;
 }
 

src/styles.scss

 /* You can add global styles to this file, and also import other style files */
 
-html, body {   height: 100vh !important;}
+html,
 body {
-   margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif;   background-image: url('/assets/countryside.jpeg');
+  height: 100vh !important;
+}
+body {
+  margin: 0;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  background-image: url("/assets/countryside.jpeg");
   background-repeat: no-repeat;
   background-size: cover;
-  }
+}
 
+.logo {
 
-  .logo {
-    font-size: 2vw !important;
-    height: 2vw;
-    width: 2vw;
-    padding-right: 1vw  !important;
-  }
+  padding-right: 1vw !important;
+}
 
-  .title {
-    display: flex!important;
-    align-items: center !important;
-  }
+.title {
+  display: flex !important;
+  align-items: center !important;
+}