@use "../abstract" as abstract;

#page-div {
    width: 100%;

    @include abstract.for-desktop {
        display: flex;
        flex-flow: row;

        // width: 100%;
        justify-content: space-around;
    }
}

#page {
    /* box-shadow: 30vw 0px 5vw -10vw green inset; */
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;

    @include abstract.for-desktop {
        flex: 0 0 auto;
        width: 1000px;
        background-color: inherit;
    }
}

#page,
#page-div {
    @include abstract.for-desktop {
        min-height: calc(100vh - 40px);
    }
}

#page-bg {
    display: none;

    @include abstract.for-desktop {
        display: block;
        position: fixed;
        width: 1000px;
        height: calc(100% - 40px);
        bottom: 0;
        z-index: -9;
        left: calc((100% - 1000px) / 2);
    }
}
