/* Web-friendly layout for Flutter mobile app */

body {
  margin: 0;
  padding: 0;
  background-color: #f0f0f0;
}

/* Center and constrain the Flutter app on larger screens */
flt-glass-pane {
  max-width: 480px;
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background-color: white;
}

/* Ensure full width on mobile devices */
@media (max-width: 768px) {
  flt-glass-pane {
    max-width: 100%;
    box-shadow: none;
  }

  body {
    background-color: white;
  }
}

/* Optional: Add some top padding on desktop for better appearance */
@media (min-width: 769px) {
  body {
    padding-top: 20px;
  }
}