1 files changed, 40 insertions, 0 deletions
diff --git a/app/assets/stylesheets/components/nav_top.css b/app/assets/stylesheets/components/nav_top.css
new file mode 100644
index 0000000..a3247a4
--- /dev/null
+++ b/app/assets/stylesheets/components/nav_top.css
@@ -0,0 +1,40 @@
+nav#top {
+    width: 100%;
+    background-color: firebrick;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    ul {
+	display: flex;
+	flex-wrap: wrap;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+    }
+
+    li {
+	padding: 12px 0;
+    }
+
+    a {
+	padding: 12px;
+	color: white;
+	text-decoration: none;
+    }
+
+    a:hover {
+	background-color: tomato;
+    }
+
+    #authentication {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: right;
+    }
+
+    button {
+	margin: 0.5rem 0.5rem 0.5rem 0;
+    }
+}
+