.intro,.all,.foot{
    opacity: 0;
    transform: translateY(6rem);
    transition: 1s;
}
.intro.active,
.all.active,
.foot.active{
    opacity: 1;
    transform: translate(0);
}

.alert-success,.alert-warning{
    display: none;
}
.alert-success.avtive,.alert-warning.active{
    display: block;
}