body {
    background-image: url('/images/BGimage.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    font-family: cursive
}
.navbar {
    position: relative;
    background-color: transparent;
    opacity: 0.9;
}
 
.card {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.card-title {
    font-size: 2.5rem;
    color: #78704f;
}
.text-muted { 
    font-size: 1.3rem;
    color: #a39048 !important;
}
.form-label {
    font-size: 1.2rem;
    color: #a39048 !important;
    font-weight: 500;
}
.card-body .p-5 {
    color: white;
}
.form-control {
    border-radius: 0.5rem;
    line-height: 3;
}
.invalid-feedback {
    color: #d1868d;
}
    .form-control::placeholder {
        color: #a39048;
        opacity: 0.5;
    }
    .flex-container {
        display: flex; /* Aligns children horizontally */
        gap: 20px; /* Adds space between the divs */
    }

    .flex-child {
        flex: 1; /* Forces both divs to take up equal width */
    }