@font-face{
	font-family:'inter';
	src:url(fonts/inter/inter.ttf);
}

@font-face{
	font-family:'interbold18';
	src:url(fonts/inter/static/interbold18.ttf);
}
html {
	height: 100%;
	margin: 0;
	padding:0;
}
body{
	font-family:'inter';
	background-image: linear-gradient(to top left, rgb(8,46,0), rgb(17,103,0));
	display:flex;
	flex-direction:column;
	align-content:center;
	justify-content:center;
	align-items:center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	margin:0;
	padding:0;
}

#verify_container{
	margin-top:0rem;
	width:24rem;
	box-shadow: 0 0 0 1px rgb(0, 0, 0);
	border-radius:0.35rem;
	padding-bottom:1rem;
	background-color:rgb(240,240,240);
	font-size:1rem;
	color:rgb(0, 0, 0);
	display:flex;
	flex-direction:column;
	align-content:center;
	justify-content:center;
	align-items:center;
	gap:0.5rem;

}

#container_title{
	padding:0.5rem;
	width:23rem;
	border-bottom: 1px solid rgb(75, 75, 75);
	border-top-left-radius:0.35rem;
	border-top-right-radius:0.35rem;
	background-color:rgb(255, 255, 255);
}

#inputs{
	display:flex;
	flex-direction:column;
	align-content:center;
	justify-content:center;
	align-items:center;
	gap:0.5rem;	
}

#verify_img{
	margin-top:1rem;
	width:18rem;
	border-radius:0.35rem;
	border:1px solid rgb(75, 75, 75);
}

#btn_div{
	width:18rem;
}

#verify_input{
	border-radius:0.35rem;
	outline:none;
	border:1px solid rgb(75, 75, 75);
	
	color:rgb(0, 0, 0);
	width:17rem;
	font-size:1rem;
	padding:0.5rem;
	background-color:rgb(255, 255, 255);


}

#verify_input:focus{
	outline:none;
	border:1px solid rgb(75, 75, 75);
	background-color:rgb(0, 0, 0);
	color:rgb(0, 0, 0);
	
	font-size:1rem;
	padding:0.5rem;
	background-color:rgb(255, 255, 255);
	
}

#verify_txt{
	margin-top:1rem;
	font-size:0.9rem;
}

#submit_input{
	margin-top:0.5rem;
	font-size:1rem;
	border:none;
	outline:none;
	border-radius:0.20rem;
	color:rgb(255, 255, 255);
	padding-left:0.7rem;
	padding-right:0.7rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	background-color:rgb(17,103,0)
}

@media (max-width: 1000px) {
	#verify_container{
		width:15rem;

	}

	#verify_input{
		width:13rem;
	}

	#verify_img{
		width:14rem;
	}

	#container_title{
		width:14rem;
	}

	#btn_div{
	width:14rem;
	}

	#verify_txt{
		font-size:0.85rem;
	}

}