@keyframes fadeIn {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

.fade-in { animation: fadeIn 350ms ease-in-out; }


@keyframes gradientAnimation {
    0% {
        stop-color: #FF0000;
    }

    50% {
        stop-color: #00CD00;
    }

    100% {
        stop-color: #0000FF;
    }
}

.animated stop {
    animation: gradientAnimation 3s infinite alternate;
}


.breathing-point::after {
    content: '•';
    opacity: 0;
    animation: breathe 1s ease-in-out infinite;
    margin-left: 4px;
    font-size: 38px;
    font-weight: bold;
    display: inline-block;
    transform-origin: center;
    vertical-align: middle;
    color: #f15a21
}

@keyframes breathe {
    0%, 100% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }
}