/* Challenge styles
-------------------------------------------------- */

.challenge-desc {
  overflow-wrap: anywhere;
}

.challenge-desc img {
  max-width: 100%;
}

.challenge-button {
    border: 3px solid #d2d1d1;
    padding: 10px 20px;
    animation: borderPulseBlue 2s infinite;
}

@keyframes borderPulseBlue {
    0% {
        border-color: #0066cc;
    }
    50% {
        border-color: #0099ff;
    }
    100% {
        border-color: #0066cc;
    }
}

.challenge-solved {
    border-color: #0f6ae3;
    opacity: 0.4;
    animation: borderPulseGreen 2s infinite;
}

@keyframes borderPulseGreen {
    0% {
        border-color: #1772d4;
    }
    50% {
        border-color: #1897d6;
    }
    100% {
        border-color: #1979e0;
    }
}

/* Challenge submit button styling */
.challenge-submit {
    background-color: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

.challenge-submit:hover {
    background-color: #0099ff !important;
    border-color: #0099ff !important;
    color: #ffffff !important;
    transform: scale(1.02);
}

.challenge-submit:focus,
.challenge-submit:active {
    background-color: #0052a3 !important;
    border-color: #0052a3 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25) !important;
}