* {box-sizing: border-box}
body {font-family: 'PT Serif', Georgia, "Times New Roman", Times, serif;
    font-size: 17px;
    line-height: 28px;
	font-size: 1em;}

/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 10%;
  height: 390px;
}
.wrapper {
width: 900px;
margin: 0px auto;}
/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 8px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}
.position {
	float: left;
	text-align: left;
	width: 50%;
	color: #0084a9;
	
	
}

.name {
	float: right;
	text-align: right;
	width: 50%;
	color: #0084a9;
}

.date {
	text-align: center;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	clear: both;
	color: #0084a9;
}

span {
color: #0084a9;}

.month {
	font-size: 0.9em;
	color: black;
	font-style: italic;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 10px 12px;
  text-align: justify;
  border: 1px solid #ccc;
  width: 90%;
 
  height: auto;
}
button {
cursor: pointer;}