/* File: myflask/static/css/home.css */

/* Give the hero container a full viewport height minus nav, if desired. */
.hero-container {
    min-height: 100vh;
    /* Or if you have a fixed navbar, you might do: min-height: calc(100vh - 56px); */
  
    /* Example: subtle background gradient */
    background: linear-gradient(135deg, #f9f9f9 25%, #ffffff 100%);
    padding: 2rem 1rem;
  }
  
  .hero-container h1 {
    color: #333; /* override as you like */
  }
  
  /* Example: add a slight drop-shadow to the image */
  .hero-container img {
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border-radius: 6px;
  }