added background and landing page

sass/index.css

@@ -2,12 +2,32 @@ body {
   margin: 0;
   padding: 0;
   display: flex;
-  flex-direction: column; }
+  flex-direction: column;
+  background-color: #EAE2B7; }
+
+a {
+  color: #003049;
+  text-decoration: none;
+  font-weight: bold;
+  letter-spacing: 1px; }
+
+.greeting {
+  color: #F77F00;
+  font-size: 30px;
+  font-weight: 900;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 50vh;
+  background-image: url("https://i1.wp.com/sirus.be/sirus_afbeeldingen/2020/04/Smartcities.png?fit=2560%2C1594&ssl=1");
+  background-position: center center;
+  background-size: cover;
+  background-clip: border-box; }
 
 .header {
-  background-color: #EAE2B7;
+  background-color: #F77F00;
   width: 100%;
-  height: 100px;
+  height: 50px;
   display: flex;
   align-items: center;
   justify-content: flex-end; }
@@ -25,4 +45,8 @@ ol {
   flex-direction: column;
   list-style: georgian; }
 
+.content {
+  display: flex;
+  flex-direction: row; }
+
 /*# sourceMappingURL=index.css.map */