#logo-anim{
    overflow: visible;
    width: 100%;
}

.st0 {
    fill: var(--color-secondary);
}

.logo-anim-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    max-width: 100vw;
    padding:0 1rem;
}



.main__section--status {
    text-align: center;
    opacity: 0;
    transition: opacity 1.5s;
}

.main__section--status.visible {
    opacity: 1;
}

.animate {
    animation: rotate 10s linear infinite;
    transform-origin: center;
    will-change: transform;
    transform-box: fill-box;

}

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