/* Pozicioniranje i stilizacija spinera */
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0;
    margin: 0;
}

.spinner img {
    width: 60px; /* Prilagodite veličinu slike po potrebi */
    height: 60px;
    animation: colorFadeIn 2s ease-out forwards;
    filter: grayscale(100%);
}

@keyframes colorFadeIn {
    from {
        filter: grayscale(100%);
        opacity: 0.3;
    }
    to {
        filter: grayscale(0%);
        opacity: 1;
    }
}