header {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    background-color: #000;
    height:50px;
    max-height: 50px;
    padding: 3px;
    border-bottom: 2px var(--custom-color) solid;
    }
    
#myFlex-container {
    display: flex; 
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow:hidden;
    margin:auto;
}

#myFlex-container .myFlex-header {
    padding:20px 0px;
}

#myFlex-container .myFlex-content {
    flex-grow: 1;
    overflow-y: auto;
}

#myFlex-container .myFlex-footer {
    overflow-y:none;
    display:block;
}

#myFlex-container .myFlex-footer.scroll {
    overflow-y:auto;
    display:block;
}



.wrapper {
    max-width: 80%;
    margin-inline: auto;
  }
  
  .wrapper.sm {
    width:800px;
    max-width: 80%;
  }
  
  .wrapper.md {
    width:1000px;
    max-width: 80%;
  }
  
  .wrapper.xl {
    width:1200px;
    max-width: 80%;
  }