@charset "utf-8";
/*  CSS Document
	Author : Paritosh Bag
	mail : paritoshbag@live.com
 */

body {
	margin:0px;
	padding:0px;
	height:auto;
	width:100%;
	background:#FFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
}

#CERTIFICATE {
	width:297mm; 	/*210mm STANDARD A4 WIDTH*/
	height:210mm; 	/*297mm STANDARD A4 HEIGHT*/
	background:#D6D6D6 url('nysdc-certificate-2021.png') left no-repeat;
	background-size:cover;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}

.PicBox {
	position:absolute;
	top:200px;
	right:70px;
	height:120px;
	width:100px;
	border:2px solid #000; background-color:#ff0;
}

.entity { position:absolute;  text-align:center; font-weight:bold; height:30px; font-size:16px; }

.Sname {  top:335px; left:80px;  width:980px; font-size:18px;  }
.Sname span { font-weight: 400; margin-left:25px; }
.Cname {  top:380px; left:435px;  width:620px; }
.Duration { top:428px; left:215px; width:100px; }
.CenterName { top:428px; left:360px; width:690px; font-size:16px; }
.Grade { top:476px; left:350px; width:130px; }

.btm-line { top:570px; width:165px; text-align: left;}

.Cno { left:230px; }
.Eno { left:555px; width:180px; }
.Cdate { left:885px; width:140px; }

.QRCode { bottom:45px; right:60px; height:100px; width:100px; border:none; }	

.Note { bottom:25px; left:80px; width:500px; height:15px; padding:5px 0; text-align:left; font-size:12px; font-weight:500; }

button { margin-top:20px; margin-left:100px; height:40px; width:100px;}		
			

@media print{@page {size: landscape} button { display:none; } }