From 99cafa3db962507f9ce608fa0e68e9f3e3ab7b6f Mon Sep 17 00:00:00 2001
From: Miftah Afina <miftah.afina@gmail.com>
Date: Wed, 18 Mar 2020 10:40:17 +0700
Subject: [PATCH] Set header to fixed, and give it a little shadow

---
 src/Containers/App/App.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Containers/App/App.css b/src/Containers/App/App.css
index 41f52fa..5b49d56 100644
--- a/src/Containers/App/App.css
+++ b/src/Containers/App/App.css
@@ -38,11 +38,16 @@ body {
 }
 
 .header {
+  position: fixed;
   width: 100%;
   flex: 0 0 48px;
   box-sizing: border-box;
   padding: 16px;
   background-color: var(--secondary);
+  -webkit-box-shadow: -2px 4px 21px -2px rgba(0,0,0,0.75);
+  -moz-box-shadow: -2px 4px 21px -2px rgba(0,0,0,0.75);
+  box-shadow: -2px 4px 21px -2px rgba(0,0,0,0.75);
+
 
   display: flex;
   flex-direction: column;
@@ -56,7 +61,7 @@ body {
 }
 
 .content {
-  margin-top: 24px;
+  margin-top: 72px;
   width: 100%;
   flex: 1;
   box-sizing: border-box;