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

#page_container {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh; 
}

#page_top {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
}

#page_header {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	height: calc(100vw / 2.9);
	
	background-image: url("media/header.png");
	background-size: 100% 100%;
}

#page_footer {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: calc(100vw / 0.5);
	
	background-image: url("media/footer.png");
	background-size: 100% 100%;
}

#snap_text {
	display: block;
	margin-left: 7.5vw;
	margin-top: 5vh;
}

#start_verification_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	
	border: 1px solid black;
	border-radius: 1vh;
	
	width: fit-content;
	
	padding: 1vh;
	padding-left: 5vw;
	padding-right: 5vw;
	
	margin-top: 5vh;
	margin-left: 7.5vw;
}

#start_verification_btn:hover, #start_verification_btn:active {
   background-color: #f0f0f0;
   user-select: none;
   cursor: pointer;
}

.verify_form_input_container {
	display: flex;
	justify-content:center;
	width: 100%;
	margin-bottom: 3vh;
}

.verify_form_label {
	display: block;
	color: #303030;
}

.verify_form_input {
	display: block;
	color: #303030;
	width: 85vw;
	height: 4vh;
	padding-left: 2.5vw;
	box-sizing: border-box;
	outline: none;
	border: 1px solid black;
	border-radius: 0.5vh;
	flex-shrink: 0;
}

#display_status {
	margin-top: 3vh;
	font-weight: bold;
	color: red;
	font-size: 85%;
}