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

@font-face {
	font-family: "MainFont";
	src: url("fonts/Roboto-Medium.ttf");
	/*src: url("fonts/segoeui.ttf");*/
}
	
.font-inter {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
  }
  

@media print {
	.noPrint{
	  display:none;
	}
  }
  
  .faicon{
	color:#EE4253;
  }
  
  body {
    font-family: "MainFont";
	}

  div.header{
	/*background:#5eb96a;
	  color:white;*/
	background:white; /*Green*/
	color:#11162D;
	
	font-size:19px;
	font-weight:500;
	/* border-top: 24px solid #EE4253; */
	border-bottom: 4px solid #EE4253;
  }
  
  div.clear { clear:both; }
  
  div.content{
	padding-left:10mm;
	padding-right:10mm;
	padding-top:5mm;
	padding-bottom:5mm;
	/*border:1px solid #787878;*/
  }
  
    div.work-content{
	padding-left:10mm;
	padding-right:10mm;
	padding-top:2mm;
	padding-bottom:8mm;
	/*border:1px solid #787878;*/
  }
  
  .chip {
    display: inline-block;
    padding: 2px 10px;
    margin: 2px;
    border-radius: 20px;
    font-size: 13.5px;
    font-weight: 500;
    border: 1px solid #ddd;
    background-color: #fbf5e6;
    color: #000;
    vertical-align: middle;
  }

  .chip.hidden {
    color: transparent;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    height: 0;
    line-height: 0;
    display: none;
  }

  .chip.gold { border-color: #f4d579; background-color: #fbf5e6; }
  .chip.blue { border-color: #a0c4ff; background-color: #eaf4ff; }
  .chip.green { border-color: #98e2b7; background-color: #e6fff0; }
  .chip.red { border-color: #ffadad; background-color: #ffeaea; }
  .chip.purple { border-color: #d0b3ff; background-color: #f5eeff; }
  .chip.teal { border-color: #b9fbc0; background-color: #eafff5; }
  .chip.orange { border-color: #ffd6a5; background-color: #fff3e0; }
  .chip.grey { border-color: #ccc; background-color: #f7f7f7; }

  .heading{
	color:black;
	font-family: "Helvetica", sans-serif;
	font-weight: 600;
	font-size: 18px;
	font-style: normal;
	width: 100%;
	text-align: center;
	text-decoration: underline;
  }
  
  div.work-outer {
	height:50mm; 
	margin-top:4.5mm; 
	background:white; 
	border-radius: 10px;
	border: 2px solid black; 
  }
  
  div.work-inner{
	width:124mm;
	
	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:6.18mm;
	padding-left:6.7mm; 
	margin-left:.08mm;
	margin-top:.05mm;
	margin-right:.08mm;
	padding-right:6mm; 
	padding-top:3.6mm;
	padding-bottom:1.52mm;
	
	color:#525252;
	font-weight:normal;
	font-size:14.5px;
	/*background:#dcdddc;*/
	background:rgb(232, 232, 232);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
  }
  
  
  div.work-head-plain{
  	height:6.18mm;
	padding-left:6.7mm; 
	margin-left:.08mm;
	margin-top:.05mm;
	margin-right:.08mm;
	padding-right:6mm; 
	padding-top:3.6mm;
	padding-bottom:1.52mm;
	
	font-weight:normal;
	font-size:14.5px;
	color: #11162D;
	background:rgb(232, 232, 232);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
  }
  
  li.spacedbullet{
	font-size:12.5px;
	margin-bottom:2mm;
	line-height:1.75;
  }
 
 a.nodecor{
	text-decoration: none;
	color: #11162D;
 }
 
 .title{
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	color: #11162D;
 }
 
 div.study-head_large{
	height:12mm;
  padding-left:6.7mm; 
  margin-top:0.0mm;
  margin-left:.0mm;
  text-align:center;
  padding-right:6mm; 
  padding-top:2.2mm;
  color:#525252;
  font-weight:500;
  font-size:13.5px;
  /*background:#dcdddc;*/
  background:#EBEBEB;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

 div.study-head2{
  	height:5.7mm;
	padding-left:6.7mm; 
	margin-top:0.0mm;
	margin-left:.0mm;
	text-align:center;
	padding-right:6mm; 
	padding-top:2.2mm;
	color:#525252;
	font-weight:500;
	font-size:13.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;
	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;
	
	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:.05mm;
  margin-left:.15mm;
  margin-top:3.15mm;
  text-align:center;
  padding-right:6mm; 
  padding-top:4.0mm;
  padding-bottom:1.5mm;
  
  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;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19);
	border: 1px solid #787878; 
  }

   div.study-outer-small {
	height:22mm; 
	width:58mm; 
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	background:white; 
	border-radius: 8px;
	border: 0.5px solid #b8b8b8; 
  }


  div.certification {
	height:18.6mm; 
	width:52mm; 
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size:13px;
	font-style: normal;
	background:white; 
	border-radius: 8px;
	padding-left: 1mm;
	padding-right: 1mm;
	margin-top:2mm;
	border: 0.5px solid #b8b8b8; 
  }

  div.boxshadow-small{
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  }
  div.boxshadow{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
 div.study-outer2 {
	height:24mm; 
	width:58mm; 
	margin-top:0mm; 
	/* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19); */
	background:white; 
	border-radius: 10px;
	border: 0.5px solid #787878; 
  }

  img.profilepic{
	border-radius: 24mm;
	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    margin-top:-1mm;
	margin-left:0mm;
	margin-right:10mm;
	/* border:4px solid #EE4253; */
	height:24mm;
	width:24mm;
	float:right;
  }
  div.domain-outer {
	height:69mm; 
	width:64mm; 
	margin-top:2mm; 
	/* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); */
	background:white; 
	border-radius: 10px;
	border: 0.5px solid #787878; 
  }


  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-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{
	
	line-height:150%;
	padding-top:1.5mm;
	text-align:center;
  }
    div.study-inner2{
	
	line-height:75%;
	padding-top:3mm;
	font-size: 14px;
	font-weight:500;
	text-align:center;
  }
  div.work-inner2{
	
	line-height:125%;
	padding-top:0.0mm;
	font-size: 13.5px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	text-align:start;
  }
   div.skill-outer {
	height:49mm; 
	width:58mm; 
	margin-top:4.5mm; 
	background:white; 
	border-radius: 10px;
	border: 1px solid #787878; 
  }
  
    div.skill-inner{
	
	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: 1px solid #787878; 
  }
  
  div.project-outer-small{
	height:63mm; 
	margin-top:2mm; 
	margin-bottom:2mm; 
	background:white; 
	border-radius: 10px;
	border: 1px solid #787878; 
  }
  
  div.project-outer-small-noborder{
	height:63mm; 
	margin-top:2mm; 
	margin-bottom:2mm; 
	background:white; 
	border-radius: 10px;
  }
  
   div.project-inner{
	width:135mm;
	height:32mm;
	
	font-size:13.5px;
	line-height:175%;
	margin-top:4mm;
	float:left;
	padding-left:6.7mm; 
	padding-right:6mm; 
  }

  div.project-listing{
	width:50%;
	
	font-size:13.5px;
	line-height:175%;
  }

  div.project-inner-tight{
	width:120mm;
	height:32mm;
	
	font-size:13.5px;
	line-height:150%;
	margin-top:3mm;
	float:left;
	padding-left:6.7mm; 
	padding-right:4mm; 
  }

  div.project-inner-full{
	height:38mm;
	
	font-size:13.5px;
	line-height:150%;
	margin-top:3mm;
	float:left;
	padding-left:6.7mm; 
	padding-right:4mm; 
  }
  
  div.project-footer{
	height:11mm;
	padding-left:6.7mm; 
	margin-top:35.75mm;
	margin-bottom:.15mm;
	margin-left:.15mm;
	text-align:center;
	padding-right:6mm; 
	padding-top:1.5mm;
	padding-bottom:0.25mm;
	
	color:#525252;
	font-weight:normal;
	font-size:14px;
	/*background:#dcdddc;*/
	background: #f5f5f8;
	border-bottom: 4px solid #EE4253;
  }
  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:#1f1f1f;
	font-size: 14px;
	align-items: center; /* align vertical */
  }

  div.project-facts-small{
	float:left;
	width:20%;
	color:1f1f1f;
	font-size: 14px;
	align-items: center; /* align vertical */
  }
  
  
  span.project-facts-title{
	color:#0187D1;
	font-size:13px;
  }
  
  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-size:15.5px;
	padding-left:4px;
	font-weight:normal;
  } 
  
  div.project-facts a{
	
	font-size:15.5px;
	padding-left:4px;
	font-weight:500;
	text-decoration:none;
	color:#226fb4;
  }
  
  div.project-facts span{
	
	font-size:15.5px;
	padding-left:4px;
	font-weight:normal;
  }
  
  table.language{
	height: 38mm; 
	
	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.stackoverflow-small{
	width:58mm;
	height:15mm;
	background:white; 
	margin-left:0mm;
	border-radius: 8px;
	border: 0.5px solid #b8b8b8; 
  }
  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: 1px solid #787878; 
  }
  
  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-size:16px; 
		padding-left:6.7mm; 
		padding-right:6mm; 
		background:white;
		line-height:200%;
	}