html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	text-align: center;
}

#camera, 
#camera-view, 
#camera-sensor, 
#camera-output {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: fixed;
    right: 0;
    width: 100%;
}

#camera-view, 
#camera-sensor, 
#camera-output {
	/* filter: FlipH;
	transform: scaleX(-1); */
}

#camera-sensor {
	/* display: none; */
}

#camera-trigger {
	background-color: black;
	bottom: 30px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
	color:  white;
	cursor: pointer;
	font-size: 16px;
	left: calc(50% - 100px);
	line-height: 1;
	padding: 15px 20px;
	position: fixed;
	text-align: center;
	width: 200px;
	z-index: 20;
}

.taken {
	border: 3px solid white;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
	height: 100px !important;
	right: 20px;
	top: 20px;
	transition: all 0.5s ease-in;
	width: 100px !important;
	z-index: 2;
}