body, html {
  height: 100%; /* Ensure body and html take full height */
  margin: 0; /* Remove any default margin */
}

.mask {
  display: flex;
  flex-direction: column; /* Stack children vertically */
  min-height: 120vh; /* Ensure the container takes the full height of the viewport */
}

.container {
  flex-grow: 1; /* Allow the content area to grow and take available space */
  padding-bottom: 20px; /* Add padding to prevent footer overlap */
}

footer {
  /* Optional: Footer styling */
  background-color: #f1f1f1;
  padding: 20px;
  text-align: center;
  margin-top: auto; /* Ensure footer stays at the bottom */
}