html {
	height: 100%;
}

body {
	margin:0px;
	background-color:#1f1654;
	font-family:trebuchet MS,Arial;
	overflow:auto;
	padding: 0 10px;
}

h1 {
	color: white;
	margin: 0;
	padding: 15px;
}

#container {
	text-align: center;
	margin: 0;
}

#qr-canvas {
	margin: auto;
	width: 100%;
}

#btn-scan-qr {
	cursor: pointer;
}

#btn-scan-qr img {
	height: 10em;
	padding: 15px;
	margin: 15px;
	background: white;
}

.qr-result {
	font-size: 12pt;
	margin: 5%;
	min-height:200px;
	padding: 10%;
	width: 70%;
	background-color: grey;
	color:black;
}

.scan_button{
	margin:5%;
	margin-top:10px;
	margin-bottom:10px;
	width:90%;
	background-color:white;
	padding:10%;
	color:black;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}