#home_root {
    display: grid;
    padding: 0px 20px;
    grid-template-areas:
	"M M"
	"T T"
	"B L"
	"C C";
    min-height: 100vh;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    grid-template-rows: repeat(2, min-content) 1fr 20px;
}

#home_menu_bar {
    grid-area: M;
    z-index: 100;
}

#home_title {
    grid-area: T;
    text-align: center;
    margin: 0px;
    padding: 25px;
    height: min-content;
}

#home_body {
    grid-area: B;
}

#home_toc {
    grid-area: L;
}

#copyright {
    grid-area: C;
    text-align: center;
    border-top: 1px solid var(--GLOBAL_BORDER_COLOR);
    color: var(--GLOBAL_FG_COLOR2);
    font-size: calc(var(--GLOBAL_FONT_SIZE) - 2px);
}

@media screen and (max-width: 800px) {
    #home_root {
	display: grid;
	padding: 0px 20px;
	grid-template-areas:
	    "M"
	    "T"
	    "B"
	    "L"
	    "C";
	min-height: 100vh;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(3, min-content) 1fr 20px;
    }
}