#page {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}

/* header */
.header-container {
    position: relative;
    padding: var(--theme--gap--normal);
    background: var(--theme--color--background);
}

#header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--theme--gap--normal);
    width: 100%;
}

/* main */
.main-container {
    flex: 1;
}

/* footer */
.footer-container {
    border-top: 1px solid var(--theme--form--border-color);
    padding: var(--theme--gap--normal);
    background: var(--theme--color--background);
}