.message-alert{
	position: absolute;
    margin: 0 auto;
    background: #FFF;
    z-index: 1;
    width: 25%;
    top: 35%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -ms-transform: translateY(-50%);
    transform: translateX(-50%);
    padding-left: 3rem!important;
    padding-right: 3rem!important;
    padding: .5rem!important;
}
.animate{
	-webkit-animation-duration: 3s;animation-duration: 3s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
   	0% {opacity: 0;}
   	100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.message-alert .fail{
	font-family: cursive;
	color: red;
}
.message-alert p{
	font-family: sans-serif;
	font-weight: bolder;
}