Add some styling

Author: ArayB

package.json

@@ -30,7 +30,7 @@
     "moment": "^2.18.1",
     "sanitize-html": "^1.15.0",
     "uuid": "^3.2.1",
-    "vee-validate": "^2.0.6",
+    "vee-validate": "^2.2.7",
     "vue": "^2.2.6",
     "vue-analytics": "^4.1.3",
     "vue-awesome": "^2.3.1",

src/common/base.less

@@ -3,10 +3,14 @@
 
 body {
   margin: 0;
-  background: #EEEEEE;
+  background: #eeeeee;
   font-family: Lato, Arial, Helvetica, sans-serif;
 }
 
 .cd-select-placeholder {
   color: #2f3538;
 }
+
+.flow {
+  margin-bottom: @margin;
+}

src/common/styles/cd-events.less

@@ -0,0 +1,14 @@
+@import "../variables";
+
+.cd-event-container {
+  background: @brand-secondary;
+  margin: 0 -16px;
+  padding: 5em 0;
+}
+
+.cd-event {
+  &__section-title {
+    font-weight: 700;
+    font-size: 16px;
+  }
+}

src/common/variables.less

@@ -5,9 +5,10 @@
 @brand-primary: @cd-blue;
 @light-grey: #7b8082;
 @side-column-grey: #f4f5f6;
-@divider-grey: #CAC4CE;
-@link-color: #0093D5;
+@divider-grey: #cac4ce;
+@link-color: #0093d5;
 @link-hover-color: #005e89;
+@brand-secondary: @cd-purple;
 
 /* Font sizes */
 @font-size-medium: ceil((@font-size-base * 1.1));