#loader {
    display: none;

}

#content {

}
.blink {
    font-weight: bold;
    font-size: 1.1em;
    animation: BlinkAnimation 2s infinite linear;
}

@keyframes BlinkAnimation {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0px);
    }
}


.rotate{
    width: 50px;
    height: 50px;
    animation: rotateAnimation 2s infinite linear;
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.2) translateX(50px);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

.marquee {
    overflow: hidden;
    white-space: nowrap;
}

.marquee #fixtures {
    display: inline-block;
    animation: marquee 180s linear infinite;
}
.marquee #fixtures:hover {
        animation-play-state: paused;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}