body {
    overflow: hidden;
}

#page-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    width: 100vw;
}

#header-container, #footer-container {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 0 20px;
    z-index: 2;
}

#header-container {
    max-height: 64px;
}

#main-container {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: nowrap;
    overflow: hidden;
    z-index: 1;
}

#main-left-container, #main-center-container, #main-right-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#main-left-container, #main-right-container {
    flex-shrink: 0;
}

#main-center-container {
    flex-grow: 1;
    max-width: 100%;
}

#footer-container {
    max-height: 32px;
}