.spinning-text {
    width: min(70vw, 320px);
    height: min(70vw, 320px);
    position: relative;
    margin: 0 auto;
    transform-style: preserve-3d;
    animation: spin 20s linear infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
}

@keyframes spin {
    from {
        transform: rotateX(-15deg) rotateY(0deg) rotateZ(10deg);
    }
    to {
        transform: rotateX(-15deg) rotateY(360deg) rotateZ(10deg);
    }
}

.spinning-text span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    transform-style: preserve-3d;
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--accent-lime, #7fbf00);
    text-shadow: 0 0 10px var(--accent-lime, #7fbf00), 0 0 2px #000;
    white-space: pre;
    font-family: var(--font-display, 'Unbounded', sans-serif);
}