.header {
  background: #764FA0;
}

.header__container {
  max-width: 1400px;
  width: 100%;
  padding: 0.8rem 0;
}

.input {
  margin: 0 0 0 2rem;
  background: #fff;
  height: 45px;
  border: 1px solid #D8D8D9;
  border-radius: 2rem;
  width: 500px;
}

.input input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 1rem;
  border-radius: 2rem;
  color: #252525;
  font-weight: 500;
}

.search__image {
  background: #F8F8F8;
  height: 100%;
  width: 80px;
  border-left: 1px solid #D4D4D4;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  cursor: pointer;
}

.keyboard__image {
  margin: 0 0.5rem 0 0;
}

.menu__perfil,
.avatar {
  margin: 0 2rem 0 0;
}

.avatar img {
  border-radius: 50%;
}

.menu__aside img {
  cursor: pointer;
}


@media (max-width: 990px) {
  .input {
    display: none;
  }
}