header {
    margin-bottom: 40px;
}

main {
    display: flex;
    justify-content: center;
}

.logo-container {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}


@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.97);
    }

    100% {
        transform: scale(1);
    }
}

.logo img {
    filter: drop-shadow(0 0 5px var(--logo-bg-color));
    animation: pulse 2s infinite;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.slogan img {    
    animation: pulse 3s infinite;
    transition: transform 0.3s ease, filter 0.3s ease;
}