﻿body {
    /*text-align: center;*/
}

.my-img {   
    margin-top: 20px;
    margin-bottom:15px;
    animation: rotation 4s infinite linear;    
}

.dataTables_scrollHeadInner {
    width: auto !important;
    padding-right: 0 !important;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.rotation-animation {
    animation: div-rotate 0.7s infinite steps(8);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform-origin: 50% 51%;
    -webkit-transform-origin: 50% 51%;
}

@keyframes div-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes div-rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

#first {
    font-size: 20px;
}

#second {
    font-size: 30px;
    color: darkorange;
}

#third {
    font-size: 40px;
}

#fourth {
    font-size: 50px;
}