body{
	font-family: "Noto Sans SC Regular";
	font-size: 1.2em;
}

#card-container{
	position: relative;
	width: 380px;
	height: 580px;
	background-color:#e6e7e8;	
	border-radius: 4%;
	display: flex;
	/*left: 40%;*/
}
.left{
	text-align: center;
	position: relative;
	width: 35%;
	height: 100%;	
	border-radius:20px 0px 0px 20px;
	background-color: #806134;
	/*background-color: #009999;*/

}
.photo{
	margin-top:40px;
	height: 200px;
	border-radius: 50%;
	width: 200px;
}
.right{
	text-align: center;
	width:70%
}
.binaryImg{
	filter: grayscale(100%);
	border-radius: 1px;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	border-radius:20px 0px 0px 20px;
}
.logo{
	position: absolute;
	width: 34%;
	height: auto;
	margin: 40px;
}
.info{
	/*padding: 40px;*/
}
.info > span{
	text-align: left;
display: block;
line-height: 2em;
margin: 10px 15px 11px 35px;
}
#barcode{
	margin-top:12px;
}
form{
}
.form{
	position: relative;
	border:2px solid lightgray;
	padding: 20px;
	margin: 10px;
	font-size: 0.8em;
	text-align: center;
}
form > input{
    text-align: center;
    border-radius: 20px;
    padding: 10px;
    border: none;
    border: 1px solid green;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}
input:focus{
	outline: none;	
}

main{
	display: flex;
	width:100%;
	justify-content: flex-start;
	flex-wrap: wrap;
}
h1{
	text-align: center;
}
#files{
	margin: 0px;
	opacity: 0;
}
.upload-img{
	z-index: -1;
    top: -50px;
    width: 50px;
     margin: 17px 0px;
    position: relative;
}
#submit-btn{
	    color: white;
    background-color: dimgrey;
    width: 200px;
    padding: 20px;
    border-radius: 66px;
    margin-top: -10px;
	font-family: "Noto Sans SC Regular";
	font-size: 1.2em;
}
#submit-btn:hover{
	background-color: #59eeb5;
}
h2{
	text-align: center;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1800px)
{
	main{
		justify-content: space-around;
	}

}  
@media only screen and (min-device-width : 360px) and (max-device-width : 640px)
{ 
	main{
		justify-content: center;

	}
	.form{
		border: 0px;
		margin-bottom:80px ; 
	}
 }