* {
	box-sizing: border-box;
}

.navigation-panel {
	display: flex;
	flex-direction: column;
	flex: 0 0 300px;
	height: 100%;
	border-right: 1px solid gray;
	resize: horizontal;
}

.content-panel {
	display: flex;
	flex-direction: column;
	flex: 1;
	height: 100%;
	border: 0px;
}

iframe {
	flex: 1;
	border: 0;
	margin: 0;
	padding: 5px;
}

@media screen and (min-width: 640px) {
	body {
    	display: flex;
    	flex-direction: row;
    	width: 100vw;
    	height: 100vh;
    	margin: 0;
    }
}