body {
    margin: 0;
    background-color: black;
}

.slideshow .slide {
    position: absolute;
    opacity: 0;
}

@keyframes cycle {
    0% { opacity: 0; }
    5% { opacity: 1; }
    20% { opacity: 1; }
    25% { opacity: 0; }
}

@-moz-keyframes cycle {
    0% { opacity: 0; }
    5% { opacity: 1; }
    20% { opacity: 1; }
    25% { opacity: 0; }
}

@-webkit-keyframes cycle {
    0% { opacity: 0; }
    5% { opacity: 1; }
    20% { opacity: 1; }
    25% { opacity: 0; }
}

#slide-0 {
    -webkit-animation: cycle 48s linear infinite;
       -moz-animation: cycle 48s linear infinite;
            animation: cycle 48s linear infinite;
}

#slide-1 {
    -webkit-animation: cycle 48s linear 6s infinite;
       -moz-animation: cycle 48s linear 6s infinite;
            animation: cycle 48s linear 6s infinite;
}

#slide-2 {
    -webkit-animation: cycle 48s linear 12s infinite;
       -moz-animation: cycle 48s linear 12s infinite;
            animation: cycle 48s linear 12s infinite;
}

#slide-3 {
    -webkit-animation: cycle 48s linear 18s infinite;
       -moz-animation: cycle 48s linear 18s infinite;
            animation: cycle 48s linear 18s infinite;
}

#slide-4 {
    -webkit-animation: cycle 48s linear 24s infinite;
       -moz-animation: cycle 48s linear 24s infinite;
            animation: cycle 48s linear 24s infinite;
}

#slide-5 {
    -webkit-animation: cycle 48s linear 30s infinite;
       -moz-animation: cycle 48s linear 30s infinite;
            animation: cycle 48s linear 30s infinite;
}

#slide-6 {
    -webkit-animation: cycle 48s linear 36s infinite;
       -moz-animation: cycle 48s linear 36s infinite;
            animation: cycle 48s linear 36s infinite;
}

#slide-7{
    -webkit-animation: cycle 48s linear 42s infinite;
       -moz-animation: cycle 48s linear 42s infinite;
            animation: cycle 48s linear 42s infinite;
}