First section of index page!

static/css/common.css

@@ -5,10 +5,13 @@ body {
     --light-font: 'Metropolis Light', 'Fira Sans Light','Ubuntu Light', 'Noto Sans Light', sans-serif;
     --primary-color: #50DC71;
     --nav-background: #FAFAFA;
-    --footer-background: #111111;
+    --footer-background: #111111; 
 }
 
-
+a[role=button] {
+    text-decoration: none;
+    color: black;
+}
 
 .center {
     margin-right: auto;

static/css/header.css

@@ -40,11 +40,6 @@ nav .navbar-list {
     text-transform: uppercase;
 }
 
-a[role=button] {
-    text-decoration: none;
-    color: black;
-}
-
 .navbar-list li {
     padding: 1em;
     margin-left: 0;
@@ -84,6 +79,7 @@ a[role=button] {
     
     .nav-mobile {
         display: flex;
+        width: 100%;
     }
     
     .navbar-brand {

static/css/sections.css

@@ -0,0 +1,10 @@
+.section-end-triangle {
+    width: 0;
+    height: 0;
+    border-top-width: 3em;
+    border-top-style: solid;
+    border-top-color: transparent;
+    border-right-width: 100vw;
+    border-right-style: solid;
+    border-right-color: #FFFFFF;
+}