.label-center{
    display: flex;
    align-items: center;
}

.submit-button{
    background-color: var(--greenGrass);
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    color: var(--lightColor);
    -webkit-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}
  
.submit-button:hover{
    background-color: var(--lightColor);
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    color: var(--darkColor);
    -webkit-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}

.icon-color{
    color: var(--greenGrass);
}

.green-color{
    color: var(--greenGrass);
    -webkit-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}
.green-color:hover{
    color: var(--darkColor);
    -webkit-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}

#error{
    color: var(--danger);
}

.label-center{
    display: flex;
    align-items: center;
  }

.invalid{
    border-color: var(--danger);
}
.invalid:focus{
    border-color: var(--danger);
    box-shadow: 0 0 0 0.2rem var(--danger-op);
}
.valid{
    border-color: var(--success);
}
.valid:focus{
    border-color: var(--success);
    box-shadow: 0 0 0 0.2rem var(--success-op);
}