@import 'naturalCrit/styles/reset.less';
//@import 'naturalCrit/styles/elements.less';
@import 'naturalCrit/styles/animations.less';
@import 'naturalCrit/styles/colors.less';
@import 'naturalCrit/styles/tooltip.less';

html,body, #reactContainer{
	min-height: 100vh;
	height: 100vh;
	margin: 0;
	font-family      : 'Open Sans', sans-serif;
	//overflow: hidden;
}

.homebrew{
	background-color: @steel;

	height: 100%;

	.page{
		height : 100%;
		display: flex;
		flex-direction: column;


		.content{
			flex: auto;
			position: relative;
			height: calc(~"100% - 29px");

			//overflow-y: scroll;

			.pane{

			}

			.woo{
				background-color: @red;
			}
			.temp{
				background-color: @green;
				//max-height : 100%;
				//height : 100%;
				//overflow: scroll;

				.tooBig{
					background-color: @purple;
					width : 50px;
					height : 5000px;

				}
			}


		}
	}



/*
	.paneSplit{
		width : 100%;
		height: 100vh;
		//padding-top: 25px;
		position: relative;
		box-sizing: border-box;
		overflow: hidden;

		.leftPane, .rightPane{
			display: inline-block;
			vertical-align: top;
			position: relative;
			height: 100%;
			min-height: 100%;
			//margin-top: 25px;
		}

		.leftPane{
			width : 40%;
		}
		.rightPane{
			width : 60%;
			height: 100%;
			//overflow-y: scroll;

			overflow: hidden;
		}

	}
	*/
}