/**imported fonts**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,500;0,700;1,500&display=swap'); 

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

::selection{
	color: #000;
	background: #fff;
	}
	
div.img-effect {
  width: 15%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: auto;
  margin-top: 100px;
}
	
/**navigation bar**/
nav{
  font-family: 'Poppins',sans-serif;
  position: fixed;
  background: #1b1b1b;
  width: 100%;
  padding: 10px 0;
  z-index: 12;
}
nav .menu{
  max-width: 1250px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.menu .logo {
  position: relative;
}
.logo-icon {
  position: absolute;
  top: 10px; /* adjust the value as needed */
  left: 5px; /* adjust the value as needed */
  width: 40px; /* adjust the value as needed */
  height: auto;
}
img#logo-icon {
	
}
.menu .logo a {
  margin: 70px;
  text-decoration: none;
  color: #fff;
  font-size: 33px;
  font-weight: 600;
}
.menu ul{
  display: inline-flex;
}
.menu ul li{
  list-style: none;
  margin-left: 7px;
}
.menu ul li:first-child{
  margin-left: 0px;
}
.menu ul li a{
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 8px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.menu ul li a:hover{
  background: #fff;
  color: black;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 15%;
}

.center .title{
	color: #fff;
	font-size: 55px;
	font-weight: 600;
	}
	
.center .sub_title{
	color: #fff;
	font-size: 52px;
	font-weight: 600;
	}
	
.center .btns{
	margin-top: 20px;
	}
	
.center .btns button{
	height: 55px;
	width: 170px;
	border-radius: 5px;
	border: none;
	margin: 0 10px;
	border: 2px solid white;
	font-size: 20px;
	font-weight: 500;
	padding: 0 10px;
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease;
	}
	
.center .btns button:first-child{
	color: #fff;
	background: none;
	}
	
.btns button:first-child:hover{
	background: white;
	color: black;
	}
	
.center .btns button:last-child{
	background: white;
	color: black;
	}

ol>li {
	font-weight:bold;
	}


.msg { 
	padding: 10px; 
	background: #222; 
	position: relative; 
	}
	
.msg h1 { 
	color: #fff;  
	}
	
.msg a { 
	margin-left: 20px; 
	background: #408814; 
	color: white; 
	padding: 4px 8px; 
	text-decoration: none; 
	}
	
.msg a:hover { 
	background: #266400; 
	}

/* //-- yui-grids style overrides -- */

body { 
	color: #444; 
	background-color: #F5F2E8;;
	}
#resume {
	font-family: 'Brygada 1918', serif;
}
#inner { 
	padding: 10px 80px; 
	margin: 80px auto; 
	background: #f5f5f5; 
	border: solid black; border-width: 8px 0 2px 0; 
	}
.yui-gf { 
	margin-bottom: 2em; 
	padding-bottom: 2em; 
	border-bottom: 1px solid #ccc; 
	}

/* //-- header, body, footer -- */

#header { 
	margin: 2.5em 0 3em 0; 
	padding-bottom: 1.5em; 
	border-bottom: 1px solid #ccc 
	}
	
#header h2 { 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	}
	
#body, #footer { 
	margin-bottom: 2em; 
	}

/* //-- footer -- */

#footer { 
	padding: 1em 0 5em 0; 
	font-size: 92%; 
	border-top: 1px solid #ccc; 
	text-align: center; 
	}
#footer p { 
	margin-bottom: 0; 
	text-align: center;   
	}

/* //-- core typography and style -- */

#header h1 { 
	font-size: 35px; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	}
	
h2 { 
	font-size: 152% 
	}
	
h3, h4 { 
	font-size: 122%; 
	}
	
h1, h2, h3, h4 { 
	color: #333; 
	}
p { 
	font-size: 100%; 
	line-height: 18px; 
	padding-right: 3em; 
	text-align: justify;
	}

a { 
	color: #990003 
	}

a:hover { 
	text-decoration: none; 
	}

strong { 
	font-weight: bold; 
	}

#resume li{ 
	line-height: 24px; 
	border-bottom: 1px solid #ccc; 
	}

p.enlarge { 
	font-size: 110%; 
	padding-right: 1em; 
	line-height: 24px; 
	}
p.enlarge span { 
	color: #000 
	}
.contact-info { 
	margin-top: 7px; 
	}
.first h2 { font-style: italic; }
.last { border-bottom: 0 }


/* //-- section styles -- */

a#pdf { 
	display: block; 
	float: left;
	background: black; 
	color: white; 
	padding: 6px 50px 6px 12px; 
	margin-bottom: 6px; 
	text-decoration: none;  
	}
	
a#pdf:hover { 
	background: 
	#222; }
	
a#go-top { 
	display: block; 
	float: none;
	background: black; 
	color: white; 
	padding: 10px 0px 10px 0px; 
	margin-bottom: 50px; 
	margin-left: 690px;
	margin-right: 690px;
	text-decoration: none;  
	font-weight: bold;
	}
	
a#go-top:hover { 
	background: 
	#222; }
	
.job { 
	position: relative; 
	margin-bottom: 1em; 
	padding-bottom: 1em; 
	border-bottom: 1px solid #ccc; 
	}
	
.job h4 { 
	position: absolute; 
	top: 0.35em; 
	right: 0 
	}
	
.job p { 
	margin: 0.75em 0 3em 0; }

.last { 
	border: none; 
	}
	
.skills-list {  
	}
	
.skills-list ul { 
	margin: 0; 
	}
	
.skills-list li { 
	margin: 3px 0; 
	padding: 3px 0; 
	}
	
.skills-list li span { 
	font-size: 152%; 
	display: block; 
	margin-bottom: -2px; 
	padding: 0 
	}
	
.talent { 
	width: 32%; 
	float: left 
	}
	
.talent h2 { 
	margin-bottom: 6px; 
	}

#srt-ttab { 
	margin-bottom: 100px; 
	text-align: center;  
	}
	
#srt-ttab img.last { 
	margin-top: 20px 
	}

/* --// override to force 1/8th width grids -- */
.yui-gf .yui-u{
	width:80.2%;
	}
.yui-gf div.first{
	width:12.3%;
	}



/** header **/