@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

body {
    @apply bg-blue-100 relative; /* Лёгкий голубоватый фон */
    background-image: url('img/3_14.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}

.custom-select-btn {
    @apply relative block w-full text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm;
}

.custom-select-options {
    @apply hidden absolute z-10 w-full bg-white border border-gray-300 rounded-md shadow-lg max-h-60 overflow-auto;
}

.custom-option {
    @apply py-2 pl-3 pr-9 text-gray-900 hover:bg-indigo-600 hover:text-white cursor-pointer;
}

.active {
    display: block;
}



form {
    @apply bg-white bg-opacity-90 p-8 rounded-lg shadow-xl;
    backdrop-filter: blur(10px); /* Размытие фона за формой */
}


.input-field {
    @apply mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm;
}

.submit-button {
    @apply w-full bg-indigo-600 text-white py-2 px-4 rounded-md shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500;
}

/* Стиль для автодополнения */
.suggestions-list {
    @apply absolute z-10 w-full bg-white border border-gray-300 rounded-md shadow-lg mt-1 hidden;
}

.suggestions-list li {
    @apply cursor-pointer px-3 py-2 hover:bg-gray-100;
}