html,
body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
div {
	position: absolute;
}
img {
	pointer-events: none;
}
#wrapper {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*fallbacks*/
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	width: 100vw;
	/*1080/1920 * 100*/
	height: 56.25vw;
	/*100% of viewport height*/
	max-height: 100vh;
	/*1920/1080 * 100*/
	max-width: 177.77vh;
	margin: auto;
	overflow: hidden;
	/*border: 1px solid red;*/
}
#interactive {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	/*border: 1px solid red;*/
}
#unwrapped {
	width: 27px;
	height: 1080px;
	overflow: hidden;
}
#header {
	width: 1920px;
	padding-top: 57px;
	text-align: center;
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	font-size: 50px;
	line-height: 50px;
	color: #a3a3a3;
	/*color: #ff0000;*/
}
#cig {
	top: 495px;
	left: 17px;
}
#cigtext {
	top: 554px;
	left: 1474px;
	width: 310px;
	font-family: Share, sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	color: #d8d5d6;
}
#i_benzene {
	top: 571px;
	left: 143px;
}
#i_formaldehyde {
	top: 567px;
	left: 330px;
}
#i_arsenic {
	top: 577px;
	left: 434px;
}
#i_hydrazine {
	top: 493px;
	left: 598px;
}
#i_cadmium {
	top: 570px;
	left: 878px;
}
#i_polonium {
	top: 578px;
	left: 980px;
}
#i_isoprene {
	top: 581px;
	left: 1111px;
}
#i_beryllium {
	top: 495px;
	left: 1250px;
}
/*.darkened {
	-webkit-filter: brightness(50%);
}*/
#pointers .info {
	position: absolute;
	margin: 0;
	padding: 0;
	font-family: Share, sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 34px;
	color: #7c7c7c;
}
#pointers h1 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 50px;
	line-height: 57px;
}
#pointer_benzene {
	top: 294px;
	left: 137px;
}
#pointer_benzene .info {
	top: -6px;
	left: 42px;
	width: 325px;
}
#pointer_formaldehyde {
	top: 666px;
	left: 240px;
}
#pointer_formaldehyde .info {
	top: 103px;
	left: 42px;
	width: 310px;
}
#pointer_arsenic {
	top: 294px;
	left: 522px;
}
#pointer_arsenic .info {
	top: -6px;
	left: 42px;
	width: 300px;
}
#pointer_hydrazine {
	top: 660px;
	left: 631px;
}
#pointer_hydrazine .info {
	top: 109px;
	left: 42px;
	width: 300px;
}
#pointer_cadmium {
	top: 294px;
	left: 921px;
}
#pointer_cadmium .info {
	top: -6px;
	left: 42px;
	width: 300px;
}
#pointer_polonium {
	top: 655px;
	left: 1021px;
}
#pointer_polonium .info {
	top: 114px;
	left: 41px;
	width: 300px;
}
#pointer_isoprene {
	top: 295px;
	left: 1220px;
}
#pointer_isoprene .info {
	top: -7px;
	left: 137px;
	width: 325px;
}
#pointer_beryllium {
	top: 692px;
	left: 1346px;
}
#pointer_beryllium .info {
	top: 77px;
	left: 108px;
	width: 300px;
}
#dragger {
	top: 0px;
	left: 27px;
	cursor: pointer;
	pointer-events: all;
}
#dragger div, #dragger img {
	position: absolute;
}
#draghandle {
	top: 918px;
	left: 0px;
	/*width: 320px;*/
	height: 62px;
	/*border: 1px solid red;*/
}
#dragcircle {
	top: 0px;
	left: 0px;
}
#dragline {
	top: 28px;
	left: 21px;
}
#dragtext {
	margin-left: 75px;
	font-family: Share, sans-serif;
	font-weight: 400;
	font-size: 50px;
	color: #a3a3a3;
}
/*makes dragger grab area the whole left side of the panel*/
#dragbar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 1080px;
	/*background-color: aqua;*/
}

#pull {
	top: 14px;
	left: 10px;
}