/* animated properties */
#messages #messageContainer article {
    position: static;
    opacity: 1;
}
#messages #messageContainer article:first-child {
   position: absolute;
   opacity: 0;
}

footer {
    opacity: 1;
    height: 228px;
}

#messages #messageContainer {
    height: 4200px;
}


/* header transitions and animations */
#messages #messagesHeader #headerDescription,
#messages #messagesHeader #viewMessages {
    opacity: 0;
}


/* messages transitions and animations */
#messages #messageContainer article {
    -webkit-transition-property: opacity, height, -webkit-transform, margin;
    -webkit-transition-duration: 2s, 1.5s, 1.5s, 1.5s;
    -webkit-transition-delay: 0.3s, 0s, 0s, 0s;
    -webkit-animation-timing-function:cubic-bezier(0.333, 0, 0.667, 1), linear, linear;
}