From 569c06b041157746f6f91c4eb8a3ced8f02c9dd2 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Thu, 15 Feb 2018 17:48:30 -0500
Subject: [PATCH] Softening header shadow and adding shadows to messages

---
 src/components/Header/style.css  | 2 +-
 src/components/Message/style.css | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/style.css b/src/components/Header/style.css
index d94bbf7..2cec18d 100644
--- a/src/components/Header/style.css
+++ b/src/components/Header/style.css
@@ -2,7 +2,7 @@
 
 .header {
   background: var(--color-green) var(--gradient-green);
-  box-shadow: 0 0 1rem var(--color-black);
+  box-shadow: 0 0 1rem color(var(--color-black) alpha(0.7));
   padding: 0 var(--content-margin);
   margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin));
   position: relative;
diff --git a/src/components/Message/style.css b/src/components/Message/style.css
index fd8e718..7fe8d4f 100644
--- a/src/components/Message/style.css
+++ b/src/components/Message/style.css
@@ -3,6 +3,7 @@
 .message {
   background: var(--color-tan);
   margin: var(--spacing-margin) 0;
+  box-shadow: 0 0 1rem color(var(--color-black) alpha(0.7));
 
   & .header {
     padding: var(--spacing-margin);