Add styles

scss/_global.scss

@@ -21,6 +21,7 @@ $header-height: $spacing-vertical * 2.5;
 
 $default-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
 
+$blur-intensity: 8px;
 
 @mixin clearfix()
 {

scss/_gui.scss

@@ -17,6 +17,10 @@ section
   {
     margin-bottom: 0;
   }
+  &:only-child {
+    /* If it's an only child, assume it's part of a React layout that will handle the last child condition on its own */
+    margin-bottom: $spacing-vertical;
+  }
 }
 
 main h1 {
@@ -186,6 +190,28 @@ input[type="text"], input[type="search"], textarea
   top: 0.16em;
 }
 
+.blur {
+  -webkit-filter: blur($blur-intensity);
+  -moz-filter: blur($blur-intensity);
+  -o-filter: blur($blur-intensity);
+  -ms-filter: blur($blur-intensity);
+  filter: blur($blur-intensity);
+}
+
+.translucent-overlay {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px;
+  padding: 5%;
+  background-color: rgba(210, 210, 210, 0.8);
+  color: #fff;
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+}
+
 .help {
   font-size: .85em;
   color: $color-help;