@import "mixins.scss";
@import "colors.scss";
#content {
	display: grid;
}
#player {
	background-color: $darkBackground;
	display: grid;
	grid-template-areas: "Head ControlPanel" "ViewPort ControlPanel" "Timeline Timeline";
	grid-template-rows: auto 1fr 500px;
	grid-template-columns: 1fr auto;
}

#viewport {
	grid-area: ViewPort;
	border: 1px solid $lightBackground;
}

#timeline {
	grid-area: Timeline;
	border: 1px solid $lightBackground;
}