body {font-family:'verdana'; width: 100%; height: 100vh;
	background: radial-gradient(#000 16%, transparent 17%),radial-gradient(#444 16%, transparent 17%) 0px 1px,radial-gradient(#000 16%, transparent 17%) 8px 8px,radial-gradient(#444 16%, transparent 17%) 8px 9px;
	background-color: #422727; background-size: 16px 16px;
}

.id-card-holder {width: 80%; max-width: 500px; padding: 4px; margin: 0 auto; background-color: #1f1f1f; border-radius: 5px; position: relative;}
@media (max-width: 767px) {
	.id-card-holder {width: 96%;}
}

.id-card-holder:after {content: ''; width: 7px; display: block; background-color: #1e6fbd; height: 180px; position: absolute; top: 105px; border-radius: 0 5px 5px 0;}
.id-card-holder:before {content: ''; width: 7px; display: block; background-color: #1e6fbd; height: 180px; position: absolute; top: 105px; left: calc(100% - 10px); border-radius: 5px 0 0 5px;}

.id-card {background-color: #fff; padding: 10px; border-radius: 10px; text-align: center; box-shadow: 0 0 1.5px 0px #b9b9b9;}

.header img {width: 30%; border-radius: 20px;}
.photo img {width: 45%; margin-top: 10px; border-radius: 10px; border: 1px solid black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

h2 {font-size: 15px; margin: 5px 0;}
h3 {font-size: 12px; margin: 2.5px 0; font-weight: 300;}

#qrcode {width: 100%; margin-top:15px; margin-bottom: 30px;}
#qrcode img{ margin: 0 auto;}

p { margin: 2px;}

.id-card-hook {margin: 0 auto; height: 15px; border-radius: 5px 5px 0 0;}
.id-card-hook:after {content: ''; background-color: #d7d6d3; width: 47px; height: 6px; display: block; margin: 0px auto; position: relative; top: 6px; border-radius: 4px;}
		
.id-card-tag-strip {width: 35px; height: 30px; background-color: #0950ef; margin: 0 auto; border-radius: 5px; position: relative; top: 9px; z-index: 1; border: 1px solid #0041ad;}
.id-card-tag-strip:after {content: ''; display: block; width: 100%; height: 1px; background-color: #c1c1c1; position: relative; top: 10px;}
		
.id-card-tag {width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transparent; border-top: 70px solid #0958db; margin: -10px auto -30px auto;}
.id-card-tag:after {content: ''; display: block; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 70px solid #d7d6d3; margin: -10px auto -30px auto;
position: relative; top: -100px; left: -50px;}