.users {
  margin-top: 15px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  transition: all .3s ease-in-out;
  border-radius: 5px;
  background: #2CA8FF;
  opacity: 0.5;
}

.users:hover {
  box-shadow: 10px 10px 60px rgba(44, 168, 255, 0.5);
  transform: translateY(-3px);
  cursor: pointer;
  opacity: 1;
}


.users:active{
  box-shadow: 5px 5px 10px rgba(44, 168, 255, 0.5);
  transform: translateY(-1px);
}

.user{
  padding: 10px;
  flex: 1;
}
.user:hover{
  font-weight: 800;

}