html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

[onClick] {
	cursor: pointer;
}

html, body {
	padding: 0;
	margin:  0;
}

#content {
	max-width:  400px;
	margin:     32px auto;
	text-align: center;
}

#logo {
	width:     80%;
	max-width: 400px;
}

input[type=text] {
	display:    block;
	margin:     32px auto 16px auto;
	width:      80%;
	font-size:  40px;
	text-align: center;
}

input[type=file] {
	display: none;
}

input[type=submit] {
	font-size:     24px;
	padding:       16px;
	background:    #f3f3f3;
	border:        1px solid #aaa;
	border-radius: 4px;
}

#camera {
	display: block;
	margin:  0 auto 8px auto;
	width:   128px;
}

#error {
	display:    none;
	margin-top: 32px;
	border:     2px solid #a00;
	font-size:  24px;
	color:      #a00;
	padding:    16px;
}

#ok {
	display:   none;
	margin:    32px auto 0 auto;
	border:    2px solid #0a0;
	font-size: 24px;
	color:     #0a0;
	padding:   16px;
	width:     80%;
}

progress {
	display: none;
	width:   80%;
	margin:  32px auto 0 auto;
	height:  32px;
}