body {
    font-family: 'Baloo Thambi 2', 'Verdana', Geneva, Tahoma, sans-serif;
	background-color: #66252b;
	background-image: url('images/food-ulaham.jpg?id=20250312');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.modal {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.9);
                z-index: 1000;
                display: flex;
                justify-content: center;
                align-items: center;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.3s ease;
            }

            .modal.active {
                opacity: 1;
                pointer-events: auto;
            }

            .modal-content {
                max-width: 90%;
                max-height: 90vh;
                margin: auto;
                display: block;
                position: relative;
            }

            .close-modal {
                position: absolute;
                top: 20px;
                right: 20px;
                color: white;
                font-size: 30px;
                cursor: pointer;
                z-index: 1001;
            }

            .container {
                margin-top: 30px;
                border-radius: 20px;
                margin-bottom: 30px;
            }