a.top-right-link
{
	top: 0px; float:right;
}

body 
{
	font-family: 'Roboto', sans-serif;
}

/* Circle div -adapted from https://stackoverflow.com/questions/16615403/css-how-to-draw-circle-with-text-in-middle*/ 
#circle 
{
	display: table-cell;
	vertical-align: middle;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	font-size: 50px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	line-height: 300px;
	text-align: center;
	background: #98ff98;

	/* Fade in circle - https://stackoverflow.com/questions/11679567/using-css-for-fade-in-effect-on-page-load*/
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;

	/* Center div - adapted from https://stackoverflow.com/questions/356809/best-way-to-center-a-div-on-a-page-vertically-and-horizontally*/
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;

	margin: auto;

}

/* Fade in circle, definition of animation - https://stackoverflow.com/questions/11679567/using-css-for-fade-in-effect-on-page-load*/
@keyframes fadein 
{
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein 
{
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein 
{
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein 
{
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein 
{
	from { opacity: 0; }
	to   { opacity: 1; }
}