body {
    /* Set the content of the body as a relative positioning */
    position: relative;
    /* Set any desired padding or margin */
    padding: 0;
    margin: 0;
}

/* Use a ::before pseudo-element to set the background image */
body::before {
    content: '';
    position: fixed; /* Change position to fixed */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Change height to 100vh */
    /* Set the background image */
    background-image: url('/images/flightbud_bg.png');
    /* Set the background size to cover */
    background-size: cover;
    /* Set the background position */
    background-position: center;
    /* Set the background opacity (0 to 1) */
    opacity: 0.25; /* Adjust this value for desired lightness */
    /* Set a lower z-index so the content appears on top */
    z-index: -1;
}


/* Dropdown container */
.dropdown-container {
    position: absolute;
    z-index: 1000;
    background-color: white;
    border: 1px solid #ccc;
    max-width: 100%; /* Match the input width */
    max-height: 200px;
    overflow-y: auto;
    display: none; /* Initially hidden */
}

/* Dropdown container item */
.dropdown-item {
    padding: 8px;
    cursor: pointer;
}

.dropdown-item:hover {
    background-color: #f0f0f0;
}