.header {
  background-color: var(--pretty-in-pink);
  border-bottom:8px dotted var(--ms-scarlet);
  display: flex;
  flex-basis: row;
  margin-bottom: 24px;
  min-height: fit-content;
  text-align: center;

  a {
    color: var(--moaning-maroon);
    text-decoration: none;
  }

  a:hover {
    color: var(--ms-scarlet);
    text-decoration: underline;
  }

  h2 { margin: 0; }

  .logo {
    font-size: 96px;
    font-family: 'Hundergad', sans-serif;
    width: 50%;

    img {
      max-width: 350px;
      z-index: 1;
    }
  }

  .nav {
    margin-bottom: auto;
    margin-top: auto;
    overflow: hidden;
    width: 50%;

    ul {
      list-style: none;
      padding: 0;
    }

    li {
      color: var(--moaning-maroon);
      font-family: 'Thorn and Thistle', sans-serif;
      font-size: 48px;
      line-height: 1;
    }
  }

  .starburst {
    background-color: var(--skin-on-skin);
    max-width: 250px;
    position: absolute;
    right: 15%;
    width: 35%;
    z-index: 0;
  }

  .sticker {
    max-width: 165px;
    width: 20%;
  }
}