body {
    font-family: sans-serif;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 5px 0;
}

.marquee-text {
    display: inline-block;
    animation: marquee 10s linear infinite;
    margin: 0
}

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

.rotating {
    animation: rotationY 2s linear infinite;
    transform-origin: center center;
    display: inline-block;
    transform-style: preserve-3d;
}

@keyframes rotationY {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(359deg);
    }
}

.stars {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.spinning {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

ul li:nth-child(2n) {
    color: red;
}

footer {
    margin-top: auto;
    padding: 20px;
    bottom: 0;
    width: 100%;
}