@font-face {
font-family: "Product Sans";
src: url("fonts/Product_Sans_Regular.ttf");
/*src: url("fonts/segoeui.ttf");*/
}



@media print {
	.noPrint{
	  display:none;
	}
  }
  
  body {
    font-family: "Product Sans";
	}

  div.header{
	/*background:#5eb96a;
	  color:white;*/
	background:#EBEBEB; /*Green*/
	color:black;
	font-family:'Product Sans';
	font-size:19px;
	font-weight:500;
  }
  
  div.clear { clear:both; }
  
  div.content{
	padding-left:10mm;
	padding-right:10mm;
	padding-top:5mm;
	padding-bottom:5mm;
	/*border:1px solid black;*/
  }
  
    div.work-content{
	padding-left:10mm;
	padding-right:10mm;
	padding-top:6mm;
	padding-bottom:8mm;
	/*border:1px solid black;*/
  }
  
  span.heading{
	color:black;
	font-family:'Product Sans';
	font-size:17px;
	font-weight:500;
  }
  
  div.work-outer {
	height:50mm; 
	margin-top:4.5mm; 
	background:white; 
	border-radius: 10px;
	border: 2px solid black; 
  }
  
  div.work-inner{
	width:124mm;
	font-family:'Product Sans';
	font-size:14px;
	line-height:180%;
	margin-top:4mm;
	float:left;
	padding-left:6.7mm; 
	padding-right:6mm; 
  }
  
  div.work-logo{
	float:right;
	padding-right:6mm;
	text-align:center;
  }
  
  div.work-head{
  	height:8.18mm;
	padding-left:6.7mm; 
	margin-left:.08mm;
	margin-top:.11mm;
	margin-right:.08mm;
	padding-right:6mm; 
	padding-top:5mm;
	padding-bottom:1.52mm;
	font-family:'Product Sans';
	color:#525252;
	font-weight:normal;
	font-size:18px;
	/*background:#dcdddc;*/
	background:rgb(232, 232, 232);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
  }
  
 
 div.study-head2{
  	height:8.2mm;
	padding-left:6.7mm; 
	margin-top:.15mm;
	margin-left:.15mm;
	text-align:center;
	padding-right:6mm; 
	padding-top:3.12mm;
	font-family:'Product Sans';
	color:#525252;
	font-weight:500;
	font-size:17.5px;
	/*background:#dcdddc;*/
	background:#EBEBEB;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
  }

  div.study-head{
  	height:8.18mm;
	padding-left:6.7mm; 
	margin-top:.15mm;
	margin-left:.15mm;
	text-align:center;
	padding-right:6mm; 
	padding-top:3.12mm;
	font-family:'Product Sans';
	color:#525252;
	font-weight:500;
	font-size:19px;
	/*background:#dcdddc;*/
	background:#EBEBEB;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
  }

  div.study-footer{
  	height:7.28mm;
	padding-left:6.7mm; 
	margin-bottom:.15mm;
	margin-left:.15mm;
	text-align:center;
	padding-right:6mm; 
	padding-top:1.76mm;
	padding-bottom:1.56mm;
	font-family:'Product Sans';
	color:#525252;
	font-weight:500;
	font-size:17px;
	/*background:#dcdddc;*/
	background:#EBEBEB;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
  }


  div.study-footer2{
	height:7mm;
  padding-left:6.2mm; 
  margin-bottom:.15mm;
  margin-left:.15mm;
  margin-top:3.15mm;
  text-align:center;
  padding-right:6mm; 
  padding-top:4.0mm;
  padding-bottom:1.5mm;
  font-family:'Product Sans';
  color:#525252;
  font-weight:500;
  font-size:16px;
  /*background:#dcdddc;*/
  background:#EBEBEB;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

   div.study-outer {
	height:49mm; 
	width:58mm; 
	background:white; 
	border-radius: 10px;
	border: 2px solid black; 
  }
 div.study-outer2 {
	height:69mm; 
	width:58mm; 
	margin-top:2mm; 
	background:white; 
	border-radius: 10px;
	border: 2px solid black; 
  }


  div.cert-outer {
	height:78mm; 
	width:90mm; 
	margin-top:2mm; 
	background:white; 
	border-radius: 10px;
	border: 2px solid black; 
  }

  a.nodecor{
	color:black;
	text-decoration: none;
  }

  div.cert-inner{
	width:40mm;
	height:30mm;
	font-family:'Product Sans';
	font-size:14px;
	line-height:150%;
	margin-top:4mm;
	float:right;
	text-align:center;
	padding-left:6.7mm; 
	padding-right:6mm; 
  }
  div.cert-logo{
	width:37mm;
	height:30mm;
	float:left;
  }

  div.study-inner{
	font-family:'Product Sans';
	line-height:200%;
	padding-top:1.5mm;
	text-align:center;
  }
    div.study-inner2{
	font-family:'Product Sans';
	line-height:75%;
	padding-top:3.5mm;
	text-align:center;
  }
   div.skill-outer {
	height:49mm; 
	width:58mm; 
	margin-top:4.5mm; 
	background:white; 
	border-radius: 10px;
	border: 1px solid black; 
  }
  
    div.skill-inner{
	font-family:'Product Sans';
	line-height:150%;
	padding:3mm;
	font-size:14.5px;
	font-weight:normal;
	color:black;
	text-align:left;
  }
   
  div.project-outer{
	height:104mm; 
	margin-top:5mm; 
	background:white; 
	border-radius: 10px;
	display: table;
	border: 2px solid black; 
  }
  
  div.project-outer-small{
	height:67mm; 
	margin-top:3.7mm; 
	margin-bottom:3.7mm; 
	background:white; 
	border-radius: 10px;
	border: 2px solid black; 
  }
  
   div.project-inner{
	width:135mm;
	height:32mm;
	font-family:'Product Sans';
	font-size:14px;
	line-height:175%;
	margin-top:4mm;
	float:left;
	padding-left:6.7mm; 
	padding-right:6mm; 
  }

  div.project-listing{
	width:48%;
	font-family:'Product Sans';
	font-size:14px;
	line-height:175%;
  }

  div.project-inner-tight{
	width:120mm;
	height:32mm;
	font-family:'Product Sans';
	font-size:14px;
	line-height:150%;
	margin-top:3mm;
	float:left;
	padding-left:6.7mm; 
	padding-right:4mm; 
  }
  
  div.project-footer{
	height:13mm;
	padding-left:6.7mm; 
	margin-top:35.75mm;
	margin-bottom:.15mm;
	margin-left:.15mm;
	text-align:center;
	padding-right:6mm; 
	padding-top:2mm;
	padding-bottom:1.56mm;
	font-family:'Product Sans';
	color:#525252;
	font-weight:normal;
	font-size:17px;
	/*background:#dcdddc;*/
	background: #f4f4f4f8;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
  }
  div.project-logo{
	float:right;
	padding-right:6mm;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
  }

  div.project-facts-outer{
	padding-right:6mm;
	text-align:center;
  }
  
  
  div.project-facts-black{
	float:left;
	width:22%;
	padding-right:5mm;
	color:black;
	align-items: center; /* align vertical */
  }

  div.project-facts-large{
	float:left;
	width:30%;
	color:rgb(31, 31, 31);
	align-items: center; /* align vertical */
  }

  div.project-facts-small{
	float:left;
	width:20%;
	color:black;
	align-items: center; /* align vertical */
  }
  
  
  span.project-facts-title{
	color:hwb(0 44% 56%);
	font-size:14px;
  }
  
  div.project-facts{
	float:left;
	padding-right:5mm;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
  }
  
  div.project-facts img{
	width:8mm;
	height:8mm;
	float:left;
  }
  
  div.project-facts p{
	font-family:'Product Sans';
	font-size:15.5px;
	padding-left:4px;
	font-weight:normal;
  } 
  
  div.project-facts a{
	font-family:'Product Sans';
	font-size:15.5px;
	padding-left:4px;
	font-weight:500;
	text-decoration:none;
	color:#226fb4;
  }
  
  div.project-facts span{
	font-family:'Product Sans';
	font-size:15.5px;
	padding-left:4px;
	font-weight:normal;
  }
  
  table.language{
	height: 38mm; 
	font-family:'Product Sans';
	font-size:15px;
  }
  
  div.languages{
	height:52.1mm; 
	margin-top:5mm; 
	background:white; 
	border-radius: 10px;
	border: 2px solid black; 
  }
  
  td.language{
	width:59.6mm;
	padding-left:7.3mm;
  }
  
  td.language-th{
	font-weight:500;  
	/*color:#cecece  */
	color:#303030;  
  }
  
  div.stackoverflow2{
	width:58mm;
	height:19.5mm;
	margin-top:4.5mm; 
	background:white; 
	margin-right:6.7mm;
	float:right;
	margin-top:10mm;
	border-radius: 10px;
	border: 2px solid black; 
  }
  div.stackoverflow{
	width:58mm;
	height:29.5mm;
	margin-top:4.5mm; 
	background:white; 
	margin-right:6.7mm;
	float:right;
	margin-top:10mm;
	border-radius: 10px;
	border: 2px solid black; 
  }
  
  div.stackoverflow2{
	width:58mm;
	height:29.5mm;
	margin-top:4.5mm; 
	background:white; 
	margin-right:6.7mm;

	margin-top:10mm;
	border-radius: 10px;
	border: 2px solid black; 
  }
  div.circle {
	border-radius: 100%;
	background:black;
	margin:auto;
	width: 2.3mm;
	height: 2.3mm; 
	margin-bottom: 2.5mm;
		/* width and height can be anything, as long as they're equal */
	}
	
	div.declaration{
		font-family:'Product Sans';
		font-family:'Product Sans';
		font-size:16px; 
		padding-left:6.7mm; 
		padding-right:6mm; 
		background:white;
		line-height:200%;
	}