body { font-family: Arial, sans-serif; margin: 0; padding: 0; text-align: center; }
        header { background: #ffcc00; padding: 10px; }
        .logo { max-width: 240px; }
        nav { background: #ff0000; padding: 10px; }
        nav a { color: white; margin: 10px; text-decoration: none; font-weight: bold; }
        .container {
                padding: 10px;
        }
        .about { background: #ffeeba; padding: 10px; margin: 10px 0; }
        .menu {background: #ffeeba; padding: 10px; padding: 20px;}
        .menu img {
            width: 350px; height: auto; margin: 10px; border-radius: 5px;
            transition: transform 0.3s ease-in-out;}
            .menu:hover img {
                transform: scale(1.1);
            }

        .location {
            background: #ffeeba;
            color: rgb(15, 15, 15);
            padding: 20px; }

        .orderNow { 
            background: #ffeeba;
            padding: 20px;
            margin: 10px 0;
             }

        footer { background: #ff0000; color: white; padding: 20px; margin-top: 20px; }

        .zomato-link img {
            transition: transform 0.3s ease-in-out;
        }
        
        .zomato-link:hover img {
        
            transform: scale(1.1); /* Increases size by 10% */
        
        }
       
        .click-text {
            font-size: 24px;
            font-weight: bold;
            color: #ff0000;
            animation: pulse 1s infinite;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }
        
        
        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }
        
        @keyframes glow {
            0% { text-shadow: 0 0 5px #ff0000, 0 0 10px #ff4500; }
            100% { text-shadow: 0 0 10px #ff4500, 0 0 20px #ff0000; }
        }        

        /* Style all font awesome icons */
.fa {
    padding: 20px;
    font-size: 80px;
    width: 50px;
    text-align: center;
    text-decoration: none;
  }
  
  /* Add a hover effect if you want */
  .fa:hover {
    opacity: 0.7;
  }
  
  /* Set a specific color for each brand */
  
  /* Instagram */
  .fa-instagram {
    background: #ffcc00;
    color: white;
  }
  /* Facebook */
.fa-facebook {
    background: #ffcc00;
    color: white;
  }