From 10f7749d52df9a70e15a33cd76ba441f4b81a1a5 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Sat, 27 Mar 2021 19:37:21 +0530 Subject: rendered a simple non-functional menu/navbar --- src/components/Header/Header.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 src/components/Header/Header.css (limited to 'src/components/Header/Header.css') diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css new file mode 100644 index 0000000..6d146f6 --- /dev/null +++ b/src/components/Header/Header.css @@ -0,0 +1,35 @@ +@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap"); +/* Experimental color scheme */ +.header { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: center; + justify-content: space-between; + position: absolute; + top: 0px; + left: 0px; + margin: none; + padding: none; + width: 100%; + height: 5rem; + background-color: lightgray; + box-shadow: 2px 0px 4px #232627; } + +.header div { + margin: auto 1rem; } + +nav a { + text-decoration: none; + padding: 0.3rem; + color: brown; } + +.placeholder { + width: 5rem; + height: 3rem; } + +.inlineBlock { + display: inline-block; } + +p, h1, h2, h3, h4, h5, h6 { + color: #000000; } -- cgit v1.2.3