@charset "utf-8";

.css-slideshow{
    position: relative;
    max-width: 400px;
    height: 400px;
    margin-top    : 0.5em;
    margin-bottom : 0.5em;
}
.css-slideshow figure{
    margin: 0;
    position: absolute;
}
.css-slideshow figure{
    opacity:0;
}

#figure1 {
    animation-duration        : 10s;
    animation-iteration-count : 1;
}
#figure2 {
    animation-duration        : 10s;
    animation-iteration-count : 1;
}
#figure3 {
    animation-duration        : 10s;
    animation-iteration-count : 1;
    animation-fill-mode: forwards;
}

@keyframes xfade1 {
    0%{
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    50%{
        opacity: 1;
    }
    65%{
        opacity: 0;
    }
    100%{
        opacity: 0;
    }
}
@keyframes xfade2 {
    0%{
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes xfade3 {
    0%{
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes xfade99 {
    0%{
        opacity: 0;
    }
    15%{
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}