new design

main.css

@@ -2,20 +2,32 @@
 
 html, body {
     height: 100%;
+    padding: 0;
+    margin: 0;
+}
+
+a, a:visited, a:hover, a:active {
+    color: inherit;
+    text-decoration: none;
 }
 
 h1 {
     font-family: 'Roboto', sans-serif;
     margin: 0;
+    color: #000;
+    
 }
 
 #header {
+    background-color: #03a9f4;
+    padding: 20px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: flex-end;
     margin-bottom: 20px;
     flex-wrap: wrap;
+    border-top: 20px solid #1769aa;
 }
 
 #navbar {
@@ -23,16 +35,64 @@ h1 {
     flex-direction: row;
     justify-content: flex-end;
     flex-wrap: wrap;
+
 }
 
 #navbar #element {
     font-family: 'Roboto', sans-serif;
     margin-right: 10px;
-    background-color: lightgray;
+    background-color: #1de9b6;
     border-radius: 5px;
     padding: 5px 10px 5px 10px;
 }
 
+#navbar p {
+    color: #000;   
+}
+
+#products {
+    display: flex;
+}
+
+@media (max-width: 686px) {
+    #products {
+        flex-wrap: wrap;
+    }
+}
+
+#cloud, #server, #webspace {
+    margin: 20px;
+    padding: 20px;
+    background-color: #03a9f4;
+    border-radius: 20px;
+    font-family: 'Roboto', sans-serif;
+    color: #000;
+}
+
+.l-quote {
+    position: relative;
+    width: auto;
+    padding: 15px 25px 20px;
+    margin: 20px auto;
+    color: #000;
+    font-family: 'Roboto', sans-serif;
+    background: #1de9b6;
+    opacity: .9;
+    border-radius: 20px;
+  }
+  
+.quote:after {
+@include transform(skewX(-15deg));
+content: "";
+position: absolute;
+top: 100%;
+right: 25px;
+border-width: 30px 30px 0 0;
+border-style: solid;
+border-color: #1de9b6 transparent;
+opacity: 1;
+}
+
 #help-div {
     z-index: 10;
     position: fixed;
@@ -42,13 +102,13 @@ h1 {
 
 #help {
     margin-bottom: 10px;
-    background-color: aqua;
+    background-color: #1de9b6;
     border-radius: 100%;
     width: 60px;
     height: 60px;
-    text-align: center;
+    float: right;
 }
 
 #help .material-symbols-outlined {
     font-size: 40px;
-}
+}