Use darker purple for hero to differentiate from header

Author: jeswr

index.html

@@ -62,7 +62,7 @@
 
     /* Hero */
     .hero {
-      background-color: var(--solid-royal-lavender);
+      background-color: #5C35CC;
       color: var(--white);
       text-align: center;
       padding: 5rem 2rem 4rem;