/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Rainbow Border Animation */
.rainbow-border {
    /*border-image: linear-gradient(45deg, #4c98af, #28a4c9, #4cafaf);*/
    box-shadow: 0 0 12px rgb(0, 225, 255, 0.3), 0 0 30px rgba(0, 255, 235, 0.3);
    animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 12px rgb(0, 225, 255, 0.3), 0 0 30px rgba(0, 255, 235, 0.3);
    }
    50% {
        box-shadow: 0 0 12px rgba(0, 255, 235, 0.8), 0 0 30px rgb(0, 225, 255, 0.8);
    }
    100% {
        box-shadow: 0 0 12px rgb(0, 225, 255, 0.3), 0 0 30px rgba(0, 255, 235, 0.3);
    }
}