article {
	width:95%;
	margin: 0 auto
}
article img {	
	margin:10px
}
article div {
	text-align:center;
}
article img:first-of-type {
	float:right;
	border:4px solid gainsboro
}
article img:last-of-type {
	float:left
}
article a:hover {
	text-decoration:none !important;
}
article p:last-of-type {
	font-style:italic;
	text-align:right;
}
.toParkes {
  position:relative;
  left:0;
  right:0;
  bottom:10px;
  margin:auto;
  display:block;	
  text-decoration:none;
  width: 10em;
  height: 10em;  
  border-radius: 50%;
  overflow: hidden;  
}
.toParkes:hover > img {
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.toParkes span {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	line-height:128px;
	margin:auto;
	display:inline-block;	
	width:80%;
	height:80%;
	border-radius:50%;
	background: linear-gradient(to bottom, #c0e380 0%,#7cbc0a 100%);
	box-shadow: 0 0 10px rgba(0,0,0, 0.8);
	text-shadow: 1px 1px 2px gray;
	font-family:Impact;
	font-size:20px;
	font-style:italic;
	letter-spacing:0.5px;
	text-align:center;
	transition: all 0.7s ease;	
	color:white;	
}
.toParkes img {
	transition: all 0.7s ease;
}
.motivateWrapper {
	clear:both;
	text-align:center;	
	transition: all 0.7s ease;
}
.motivateWrapper > span {
	font:18px Verdana;
}
.motivate {
	color:#585858;
}
.date {
	display:flex;
	justify-content:space-between;
	margin:10px;
	font-style:italic;
}