.header-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: $header-height;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: $blue-dark;
  color: $light;
  .header-logo-wrapper {
    height: 100%;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 1rem;
    font-weight: bold;
    background: $blue;
    color: $light;
    box-shadow: 0 7px 32px rgba(0, 0, 0, 0.66);
    .header-logo {
      width: auto;
      margin-right: 5px;
      font-size: 2rem;
    }
    .mixnode-title {
      margin-top: 3px;
    }
  }
  .header-links {
    height: 100%;
    margin-right: auto;
    margin-left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    .link {
      height: 100%;
      width: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      &:hover {
        background: lighten($dark, 20%);
      }
    }
  }
  .user-menu-wrapper {
    position: relative;
    height: 100%;
    width: 70px;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    .anon-account-icon {
      font-size: 36px;
    }
    .user-account-icon {
      height: 36px;
      border-radius: 50%;
    }
    .user-menu-arrow-down {
      font-size: 1.5rem;
    }
    .menu-list {
      position: absolute;
      top: 100%;
      right: 0;
      width: 150px;
      background: $light;
      color: black;
      box-shadow: 0 7px 30px rgba(0, 0, 0, 0.32);
      .menu-list-item {
        height: 40px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid $lightgray;
        &:last-child {
          border: none;
        }
        &:hover {
          background: $blue;
          color: $light;
        }
        i {
          margin-right: 5px;
        }
        a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
        }
      }
    }
  }
}
