html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1; /* खाली space main को मिलेगा, footer push होगा नीचे */
}

footer {
  flex-shrink: 0; /* footer छोटा नहीं होगा */
}