@font-face {
  font-family: 'HennyPenny';
  src: url("/assets/fonts/HennyPenny-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-variant: normal; }
html {
  height: 100%; }

body {
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column; }

body > * {
  flex-shrink: 0; }

main {
  flex-grow: 1; }

header {
  padding: 12px;
  text-align: center;
  background: linear-gradient(to bottom, #ffffcc, #bbff00); }
  header img {
    height: 200px; }

nav.menu {
  background-color: white;
  font-family: HennyPenny;
  text-align: center; }
  nav.menu a {
    color: #3d467f; }
  nav.menu ul {
    margin: 0;
    padding: 0;
    padding-top: 4.8px;
    font-size: 24px;
    list-style: none; }
  nav.menu li {
    list-style: none;
    display: inline-block;
    margin: 0 0.5em; }
    nav.menu li img {
      height: 36px;
      vertical-align: middle;
      margin-right: 0.25em; }

main {
  background: linear-gradient(to bottom, #ffffcc, #bbff00);
  padding: 0.5em 2em; }