.MokumaruFrontPageContainer {
    position: absolute;
    inset: 0;
    width: 100%;
    overflow: hidden;
    background-color: var(--BackgroundColor);
    
    .MainBlock {
        width: 100%;
        height: 100vh;

        display: grid;
        justify-content: center;
        align-items: center;

        .ImgBox {
            grid-row: 1 / 2;
            grid-column: 1 / 2;

            overflow: hidden;
            max-width: 550px;
    
            .FrontPageImg {
                width: 100%;
                height: auto;
                object-fit: cover;
                object-position: center;
                display: block;
            }
        }

        .ActionBox {
            grid-row: 1 / 2;
            grid-column: 1 / 2;

            height: 100%;
            display: grid;
            gap: 40px;
            align-content: end;
            padding-bottom: 20%;

            .InputGroup, 
            .ButtonGroup {
                display: flex;
                flex-direction: column;
                gap: 20px;
            }

            .Divider {
                margin: 0 auto;
                width: 70%;
                height: 1px;
                background-color: #ccc;
            }

            .LinkButton {}
        }
    }

}