/*
Mobile Web 2, Assignment 2:
This css file implements both a set of a css transition and a css animation:

transition:  On hover over the h1, there is a css transition in font-style and opacity.
animation:  When the h1 is opened, the text in the details fades in.
*/

/* Main header: h1 */
h1 {
    text-align: center;
}

/*transition*/
h2:hover{
    font-style:  italic;
    opacity: .5;
    transition-property: font-style;
    transition-duration: 1s;
}

/* animation */
@-webkit-keyframes fadeIn{
    from {opacity: 0;}
    to {opacity: 1;}
}

@-moz-keyframes fadeIn{
    from {opacity: 0;}
    to {opacity: 1;}
}

@-o-keyframes fadeIn{
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn{
    from {opacity: 0;}
    to {opacity: 1;}
}

.entries article p{
    -webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
}

.deleteConfirmation {
    float: right;
    display: none;
}