design.css.white

@viewport {
   width: device-width;
   user-zoom:fixed;
}

body {
	margin: 0px;
	background: #EEE;
	font-family: Arial;
	overflow:hidden;
}

[data-container=panel] {
	background-color: #FFF;
	border: solid 1px #F0F0F0;
	box-shadow: 0px 2px 1px #D3D3D3;
	padding: 6px;
/*	margin: 5px;*/
	float:left;
	box-sizing: border-box;
	height:100%;
	width:100%;
	overflow: hidden;
}

[data-container=panelContainer] {
	float: left;
  width: 100%;
  height: 100%;
  /*padding: 4px;*/
	padding: 0.2vw;
  box-sizing: border-box;
}

[data-container=split] {
	box-sizing: border-box;
/*	display: flex;
	flex-direction: column;*/
	height:100%;
	width:100%;
	float: left;
}

[data-container=main] {
	height:100%;
	width:100%;
	position:absolute;

	box-sizing: border-box;
		padding: 0.2vw;
}

[background] {
	background: url('biber.svg') no-repeat;
	background-position: 50% 50%;
	position: absolute;
	height: 95%;
	width: 100%;
	overflow: hidden;
	opacity: 0.1;
}