#book {
    //-webkit-transform: perspective(600px) rotateX(5deg);
}
@-webkit-keyframes glow {
    0% {
        -webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
        -webkit-transform: perspective(600px) rotateY(3deg);
        border-color: rgba(225, 102, 50, 0.5);
        top: 0;
    }
    100% {
        -webkit-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -webkit-transform: perspective(600px) rotateY(-3deg);
        border-color: #f63;
        top: 3px;
    }
}
@-webkit-keyframes slidechar {
    0% {
        padding: 0 0 0 2px;
    }
    100% {
        padding: 0 0 0 -2px;
    }
}
@-webkit-keyframes slidename {
    0% {
        padding: 0 0 0 4px;
    }
    100% {
        padding: 0 0 0 -4px;
    }
}

@-moz-keyframes glow {
    0% {
        -moz-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
        -moz-transform: perspective(600px) rotateY(5deg);
        border-color: rgba(225, 102, 50, 0.5);
        top: 0;
    }
    100% {
        -moz-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -moz-transform: perspective(600px) rotateY(-5deg);
        border-color: #f63;
        top: 5px;
    }
}
.glowing {
    -webkit-animation-name: glow;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: glow;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
}
.sliding {
    -webkit-animation-name: slidename;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: slidename;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
}
.slidechar {
    -webkit-animation-name: slidechar;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: slidechar;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
}






/* Cards */
@-webkit-keyframes glow1 {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
        -webkit-transform: perspective(600px) rotateY(10deg) rotate(-10deg);
        border-color: rgba(225, 102, 50, 0.5);
        top: 0;
    }
    50% {
        -webkit-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -webkit-transform: perspective(600px) rotateY(0deg) translate(0px, 8px);
        border-color: #f63;
        top: 3px;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -webkit-transform: perspective(600px) rotateY(-10deg) rotate(10deg);
        border-color: #f63;
        top: 3px;
    }
}
@-webkit-keyframes glow2 {
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
        -webkit-transform: perspective(600px) rotateY(10deg) rotate(-10deg) translate(25px, 0px);
        border-color: rgba(225, 102, 50, 0.5);
        top: 0;
    }
    50% {
        -webkit-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -webkit-transform: perspective(600px) rotateY(0deg) translate(0px, -35px);
        border-color: #f63;
        top: 3px;
    }
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -webkit-transform: perspective(600px) rotateY(-10deg) rotate(10deg) translate(-25px, 0px);
        border-color: #f63;
        top: 3px;
    }
}
@-moz-keyframes glow1 {
    0% {
        -moz-transform-origin: left bottom;
        -moz-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
        -moz-transform: perspective(600px) rotateY(10deg) rotate(-10deg);
        border-color: rgba(225, 102, 50, 0.5);
        top: 0;
    }
    50% {
        -moz-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -moz-transform: perspective(600px) rotateY(0deg) translate(0px, 8px);
        border-color: #f63;
        top: 3px;
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -moz-transform: perspective(600px) rotateY(-10deg) rotate(10deg);
        border-color: #f63;
        top: 3px;
    }
}
@-moz-keyframes glow2 {
    100% {
        -moz-transform-origin: left bottom;
        -moz-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
        -moz-transform: perspective(600px) rotateY(10deg) rotate(-10deg) translate(25px, 0px);
        border-color: rgba(225, 102, 50, 0.5);
        top: 0;
    }
    50% {
        -moz-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -moz-transform: perspective(600px) rotateY(0deg) translate(0px, -35px);
        border-color: #f63;
        top: 3px;
    }
    0% {
        -moz-transform-origin: right bottom;
        -moz-box-shadow: 0 0 16px #fc6, 0 0 36px rgba(0, 140, 255, 1.0);
        -moz-transform: perspective(600px) rotateY(-10deg) rotate(10deg) translate(-25px, 0px);
        border-color: #f63;
        top: 3px;
    }
}

.glowing1 {
    -webkit-animation-name: glow1;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: glow1;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
}
.glowing2 {
    -webkit-animation-name: glow2;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: glow2;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: ease-in-out;
}