dvb/app/res/css/layout.css

/* LAYOUT */

.container {
	display: grid;
	grid-template-columns: 1fr calc(100vh / 4);
	grid-template-rows: auto 1fr;
	grid-template-areas: "top side" "body side";
	background: var(--clr-light);
	color: var(--clr-dark);
}

.container>div {
	overflow: hidden;
}

.container>.top {
	grid-area: top;
}

.container>.side {
	grid-area: side;
}

.container>.body {
	grid-area: body;
	box-shadow: 2em -2em 8em -5em rgba(0, 0, 0, 1);
}