/* Navigation */

nav:before {
    content:"";
    width: 100%;
    height: calc(100% + 26px);
    position: absolute;
    top: -13px;
    left: 0px;
    z-index: -1;
    background: #0075bf;
    box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.4);
    transform: skew(0deg, -1deg);
}

nav:last-of-type:before {
    margin-bottom: 0px;
    height: calc(100% + 26px);
    box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.4);
}


.navbar-flex {
    display: flex;
    align-items:start;
}

.flex-1 {
    flex-grow:1;
}

.navbar-hmi {
    margin-top: 1em;
}


.hmi {
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}


.blue-navbar {
    background-color: #0075bf;
}