@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 1.0s ease-out forwards;
}


@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.7);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 0 20px rgba(52, 152, 219, 0);
        transform: scale(1.05);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
        transform: scale(1);
    }
}

.pulse-animation {
    animation: pulse 2s infinite;
}