#container {
    width: 100%;
    padding: calc(50px + env(safe-area-inset-top)) 0 calc(80px + env(safe-area-inset-bottom)) 0;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    height: calc(50px + env(safe-area-inset-top));
    background: #fff;
}

header > div {
    position: relative;
    height: 100%;
    margin: 0 16px;
    line-height: 50px;
}

/*div#content {
    min-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 60px - 130px);
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 60px - 130px);
    scroll-behavior: auto;
    overflow-y: auto;
}*/


nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(80px + env(safe-area-inset-bottom));
    z-index: 10000;
}

nav > div {
    padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
}