body {
    font-family: Arial, sans-serif; 
   display: flex; 
   justify-content: left; 
   align-items: center; 
   height: 100vh; 
   background-color: #5f3f3f; 
   margin: 0; 
   } 
   
   #app { 
   text-align: centre; 
   background:linear-gradient(135deg, #00feba, #5b548a); 
   padding: 20px; 
   border-radius: 10px; 
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
   }
   
   #cityInput { 
   padding: 10px; 
   width: 200px; 
   margin-bottom: 10px; 
   
   } 
   #searchButton { 
   padding: 10px 20px; 
   cursor: pointer; 
   } 
   
   #weatherDisplay img { 
   width: 50px; 
   height: 50px; 
   } 
   
   @media (max-width: 600px) { 
     body {
   
     padding: 10px; 
       } #app { 
             width: 100%; 
          } #cityInput { 
                width: 100%; 
      } 
   }