/* Login page styles */
#title {
    margin: 40px;
    text-align: center;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
}

#title div {
    -webkit-animation: rotator 6s ease 0s infinite;
    -webkit-transform-style: preserve-3d;
    -moz-animation: rotator 6s ease 0s infinite;
    -moz-transform-style: preserve-3d;
    animation: rotator 6s ease 0s infinite;
    transform-style: preserve-3d;
}

#title h3 {
    -webkit-animation: rotator 6s ease 0.5s infinite;
    -webkit-transform-style: preserve-3d;
    -moz-animation: rotator 6s ease 0.5s infinite;
    -moz-transform-style: preserve-3d;
    animation: rotator 6s ease 0.5s infinite;
    transform-style: preserve-3d;
}

#title h3:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes rotator {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
    }
}

@-moz-keyframes rotator {
    from {
        -moz-transform: rotateY(0deg);
    }
    to {
        -moz-transform: rotateY(-360deg);
    }
}

@keyframes rotator {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(-360deg);
    }
}