From 1143422f33c7da60c589a105a56873cb3671ddd6 Mon Sep 17 00:00:00 2001
From: danbulant <danbulant@gmail.com>
Date: Fri, 7 Feb 2020 20:07:34 +0100
Subject: [PATCH] Custom css for navbar

---
 client/src/App.css | 46 ++++++++++------------------------------------
 1 file changed, 10 insertions(+), 36 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 74b5e05..8b2a585 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -1,38 +1,12 @@
-.App {
-  text-align: center;
-}
+.navbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
 
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
+  backdrop-filter: blur(5px);
+  background-color: rgba(0,0,0,0.2);
+  z-index: 1000;
 
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
+  width: 100%;
+  height: 50px;
+}
\ No newline at end of file