public/stylesheets/header.css

   1 *{
   2   box-sizing: border-box;
   3   padding: 0;
   4   margin: 0;
   5 }
   6 .pane{
   7   display: flex;
   8   background: #FFCC00;
   9   color: white;
  10   align-content: space-around;
  11   align-items: center;
  12 }
  13
  14 .pane > img {
  15   height: 6em;
  16 }
  17 .pane > h1 {
  18   text-shadow: 2px 2px #000000;
  19   padding-left: 6em;
  20 }
  21
  22 .navbar {
  23   background: #dddddd;
  24   display: flex;
  25   flex-flow: row nowrap;
  26   align-items: center;
  27   height: 2em;
  28 }
  29 .navbar > a{
  30   height: 100%;
  31   flex-grow: 1;
  32   text-align: center;
  33   color: black;
  34   text-decoration: none;
  35   padding-top: 0.5em;
  36   transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  37 }
  38 .navbar > a:hover {
  39   color: white;
  40   background: green;
  41   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  42 }