/* Background fade opacity */


/* The core opacity need to be set to the end ressult of the animation */
/* .backdrop {
    animation: mymove 5s ease-in-out;
    animation-iteration-count: 1;
    -webkit-animation: mymove 5s ease-in-out;
    -webkit-animation-iteration-count: 1;
}

@keyframes mymove {
    0% {opacity: 1}
    100% {opacity: 0.5}
}

@-webkit-keyframes mymove {
    0% {opacity: 1};
    100% {opacity: 0.5};
} */

/* Summary fade opacity */

/* The core opacity need to be set to the end ressult of the animation */
.summaryFadeIn {
    border-radius: 20px;
    background-color:#ffffff9c;
    animation: mymove1 5s ease-in-out;
    animation-iteration-count: 1;
    -webkit-animation: mymove1 5s ease-in-out;
    -webkit-animation-iteration-count: 1;
}

@keyframes mymove1 {
    0% {opacity: 0.0}
    100% {opacity: 1.0}
}

@-webkit-keyframes mymove1 {
    0% {opacity: 0.0};
    100% {opacity: 1.0};
}