html, body {
  height: 100%;
  overflow: hidden;
    margin: 0;
  padding: 0;
    /* height: auto;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  scroll-behavior: smooth; 
    padding-bottom: 200; */

}



 main {
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*padding-bottom: 200;  optional, to prevent overlap */ 
 /*  padding-top: <header-height>;   /* optional, for fixed header */
  /*  min-height: 100vh;
  height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-top: <header-height>;
  display: flex;
  flex-direction: column; */
}

footer {
  margin-top: auto;
}

body.modal-open main {
  overflow-x: hidden;
}