stylee.css

/* Add a black background to the entire page */
body {
    background-color: black;
    color: white; /* Set text color to white for better visibility on a black background */
    display: flex; /* Use flexbox for layout */
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center items horizontally */
    text-align: center; /* Center text horizontally */
}
p{
    color: white;
}
/* Style the "MENU" heading */
h1 {
    
    padding: 10px; /* Add some padding for spacing */
    border-radius: 50%; /* Make the heading circular */
    width: 100px; /* Set a fixed width for the circular heading */
    height: 100px; /* Set a fixed height for the circular heading */
    line-height: 100px; /* Vertically center the text */
    margin: 10px 0; /* Add margin for spacing */
}

/* Style the headings for the left column (Snacks and Breads) */
h2:nth-child(odd) {

    padding: 10px; /* Add some padding for spacing */
}

/* Style the headings for the right column (Main Course and Beverages) */
h2:nth-child(even) {
    
    padding: 10px; /* Add some padding for spacing */
}

/* Style the menu items and images for the left column (Snacks and Breads) */
ul:nth-child(odd) {
    width: 337px; 
    height: 62px; 
    left: 259px; 
    top: 960px; 
    position: absolute; 
    background: rgba(255, 255, 255, 0); 
    box-shadow: 0px 4px 50px rgba(255, 255, 255, 0.25); 
    justify-content: center; 
    align-items: center; 
    display: inline-flex
}

/* Style the menu items and images for the right column (Main Course and Beverages) */
ul:nth-child(even) {
    
    padding: 10px; /* Add padding to separate items */
    margin: 10px 0; /* Add margin to space out menu sections */
    list-style-type: none; /* Remove list bullets */
    color: white;
}

/* Style images within menu items */
li img {
    max-width: 50px; /* Decrease image width to 50px */
    height: auto; /* Maintain aspect ratio */
    margin-right: 10px; /* Add some spacing between the image and text */
    border-radius: 50%; /* Make the images circular */
}