.home_header {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 1s ease;
}

.ete_health_home_content {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease 0.5s;
}

.ekg_container {
    opacity: 1;
    transition: opacity .5s ease;
}

.card.source_card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.source_card {
    min-height: 200px;
    height: 275px !important;
    margin: 0 1em;
    cursor: pointer;
    border: none;
}

.card.source_card {
    transition: transform .5s, width .5s, height .5s, z-index .1s;
    position: relative;
    border-radius: 10px;
}

.source_details_summary_container {
    display: none;
}

.heartbeat_icon {
    font-weight: bold;
    font-size: 26px;
}

.source_details_link {
    font-size: .8rem;
}

@keyframes color_wave_effect {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.bg_green_wave {
    background: linear-gradient(90deg, #ccc, green, #ccc);
}

.bg_red_wave {
    background: linear-gradient(90deg, #ccc, red, #ccc);
}

.icon-wave-effect {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-size: 300% 100%;
    animation: color_wave_effect 3s infinite linear;
}

@keyframes green_pulse_effect {
    0% {
        box-shadow: 0 0 1px green, inset 0 0 1px green;
    }
    50% {
        box-shadow: 0 0 1px green, inset 0 0 1px green;
    }
    100% {
        box-shadow: 0 0 1px green, inset 0 0 1px green;
    }
}

@keyframes red_pulse_effect {
    0% {
        box-shadow: 0 0 4px red, inset 0 0 4px red;
    }
    50% {
        box-shadow: 0 0 6px red, inset 0 0 6px red;
    }
    100% {
        box-shadow: 0 0 5px red, inset 0 0 3px red;
    }
}

.border_green_glow {
    border: 1px solid #00af00;
    animation: green_pulse_effect 2s infinite;
}

.border_red_glow {
    border: 1px solid red;
    animation: red_pulse_effect 2s infinite;
}

.source_card.border_red_glow {
    border-radius: 10px;
}

.centered-item {
    pointer-events: auto;
}