nav {
  background-color: #fff;
}

.container-navbar-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #fff;
  li {
    border-radius: 5px;
    margin: 10px;
  }
  a {
    outline: none;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #e7662d;
    i {
      margin-right: 10px;
    }
    &:hover {
      color: #000;
      background-color: #e7662d !important;
      i {
        color: #fff;
      }
    }
    a:focus:not(:focus-visible) {
      outline: none;
      box-shadow: none;
    }
  }
}
.container-name-user {
  display: flex;
  justify-content: center;
  top: -10;
  margin-top: -20px;
  margin-bottom: 10px;
  span {
    color: #fff;
    background: #e7662d;
    border-radius: 0px 0px 5px 5px;
    font-size: 15px;
    padding: 5px 10px;
  }
}