@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Marcellus&display=swap');

form .btn {
    background-color: #411622;
    color: white;
}

form .btn:hover {
    background-color: #794b58;
    color: white;
}

.form-control:focus {
    border-color: #411622;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 89, 89, 0.6);
}

.form-select:focus {
    border-color: #411622;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 89, 89, 0.6);
}


.submit-btn:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

#messageContainer {
    margin: 20px 0;
    padding: 10px;
    border-radius: 4px;
    display: none;
}

#messageContainer.success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
}

#messageContainer.error {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
}