.deck {
    font-family: 'Anton SC', sans-serif;
    font-size: .7em;
/*
    color: #fff;
    background-color: #000;
*/
    perspective: 100px;
    transform-style: preserve-3d;
}

.deck .slide {
    position: absolute;
    backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    -webkit-transform-origin: 50% 50% -960px;
    transform: rotateY(0deg);
    transform-origin: 50% 50% -960px;
    transition: 0.7s ease-in-out;
/* sv
org    background: -webkit-linear-gradient(left top, #0a7084, #00C3DC);
org    background: -moz-linear-gradient(left top, #0a7084, #00C3DC);

    background: -webkit-linear-gradient(left top, #0a7084, #fa7084);
    background: -moz-linear-gradient(left top, #006c7f, #c91f37);
*/
}
.deck .slide.before {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.deck .slide.after {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.deck .slide .content {
    padding: 10px;
}

.deck .slide .number {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 18px;
    font-weight: bold;
}