body {
    height: 100vh;
    width: 100vw;
    margin: 0px;
    box-sizing: border-box;
    background-color: antiquewhite;
    display: flex;
    flex-direction: column;
}

div#m-top {
    width: 100%;
    min-height: 32px;
}

div#m-menu {
    width:100%;
}

div#m-body {
    width:100%;
    flex-grow: 1;
}

div#m-tail {
    width:100%;
    min-height: 10px;
    background-color: black;
}

.horzbar {
    display: flex;
    flex-direction: row;
    align-items:center;
    background-color: white;
    border-bottom: 1px solid #ccc;
}

.hb-min {
    display: block;
	padding-right: 16px;
}

.hb-max {
    flex-grow: 1;
}

.brd-b { border-bottom: 1px solid black;}

.mrg-med { margin: 16px; }