.header {
  background-color: $violet-dark;
  color: $violet-light;
  .title {
    display: flex;
    align-items: center;
    .logo {
      height: 70%;
      border-radius: 50%;
    }
    h1 {
      font-weight: 200;
      flex-grow: 1;
      margin-left: .5em;
    }
  }
  .menu {
    @include nolist();
    ul {
      margin-top: 0;
    }
    li {
      margin-right: .1em;
      margin-top: 1em;
    }
    a {
      color: $violet-light;
      text-decoration: none;
      padding: 5px;
      border: 1px solid;
      border-radius: 5px;
      box-shadow: 1px 1px 1px $gray-light;
    }
  }
}