@import "../styles.css";

.container-main {
	flex-grow: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(4, 1fr);
	width: 100%;
	gap: var(--spacing);
    padding: var(--spacing);
}

.side-nav {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 5;
}

.content {
	grid-column-start: 2;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 5;
	border: var(--simple-border);
    overflow: auto;
}