X-Git-Url: https://git.josue.xyz/?p=projectNeoUtesa%2F.git;a=blobdiff_plain;f=public%2Fstylesheets%2Fheader.css;fp=public%2Fstylesheets%2Fheader.css;h=37723e264d3b0215b302bfeb839dd90894746b9f;hp=0000000000000000000000000000000000000000;hb=a0c49977ace64506912a18301b4ddf013807248f;hpb=b3f942fc6804ce78f0469a26b4a76cd7db10802a

diff --git a/public/stylesheets/header.css b/public/stylesheets/header.css
new file mode 100644
index 0000000..37723e2
--- /dev/null
+++ b/public/stylesheets/header.css
@@ -0,0 +1,42 @@
+*{
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+.pane{
+  display: flex;
+  background: #FFCC00;
+  color: white;
+  align-content: space-around;
+  align-items: center;
+}
+
+.pane > img {
+  height: 6em;
+}
+.pane > h1 {
+  text-shadow: 2px 2px #000000;
+  padding-left: 6em;
+}
+
+.navbar {
+  background: #dddddd;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  height: 2em;
+}
+.navbar > a{
+  height: 100%;
+  flex-grow: 1;
+  text-align: center;
+  color: black;
+  text-decoration: none;
+  padding-top: 0.5em;
+  transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
+}
+.navbar > a:hover {
+  color: white;
+  background: green;
+  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+}