body, html
{
	margin: 0;
	padding: 0;
	
}
#black
{
	height: 100vh;
	flex: 0.3;
	background-color: #17181c;
	z-index:50;
	padding: 1vh;
}
#black img
{
	margin-left:2vh;
	z-index: 70;
}
#loader
{
	background-color: teal;
	width: 100vw;
	height: 100vh;
	position: fixed;
	padding: 0;
	margin: 0;
	z-index: -1;
}
#content
{
	width: 100vw;
	height: 100vh;
	display: flex;
	background-color: rgb(100,130,100);
}
#left
{
	flex: 1.7;
	text-align: center;
}
#response
{
	flex: 2;
}
iframe
{
	width:100%;
	height: 100%;
}
#test
{
	z-index: -2;
	color: white;
	position: fixed;
	margin-left: 48vw;
	margin-top: 45vh;
}
button, select, input, submit
{
	padding: 0.5vh;
}

#visualiser
{
	width: 43vw;
	height: 100vh;
	background-color: #33334d;
	position: fixed;
	
	z-index: 40;
	
}
#visualiser
{	
	margin: 0px 0px 0px -80vh;
	transition-property: margin;
	transition-duration: 0;
}
#end_visualisation
{
	position: fixed;
	width: 8vw;
	height: 8vh;
	background-color: white;
	z-index: 70;
	margin: 20vh 0 0 -20vh;
	text-align: center;
	color: #17181c;
	border-radius: 0 3vh;
	transition-duration: 0;
	transition-property: margin;
	cursor: pointer;
}
#loading_vis
{
	position: fixed;
	display: block;
	margin: -15vh 0 0 24vw;
	z-index: 49;
	transition-duration: 0.5s;
}