@charset "UTF-8";

/* CSS */
body{
	background-color: gray;
}

h1{
	text-align: center;
}

.box-col{
	max-width: 465px;
}

#wrapper{
	margin: 0px auto 0px auto;
	width: 320px; height: auto;
}

#msg{
	margin: 0px;
	padding: 10px;
	background-color: lightgray;
	text-align: center;
}

#canvas{
	width: 100%;
	height: calc(100vh - 350px);
	background-color: silver;
}
#qr-msg{
	position: absolute;
	top: 500px;
	left: 0px;
}

#reading-qrcode .editable {
	display: none;
}

#next-button {
	font-weight: normal;
}