.leftMessage {
  position: fixed;
  top: 150px;
  left: 0px;
  max-width: 60%;
  border-radius: 0px 10px 10px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  gap: 20px;
  font-size: 1.1rem;
  background-color: #e3e3e3;
  font-family: 'Rubik';
  transform: translateX(-100%);
  transition: all 0.4s;
  z-index: 10000;
}

.leftMessage svg {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 5px;
}

.leftMessage.wrong svg{
  background-color: #FFAAAA;
}
.leftMessage.success svg{
  background-color: #A0D683;
}

.leftMessage span{
  width: 90%;
}

@media(max-width:700px){
  .leftMessage {
    max-width: 70%;
  }
}