/* -------------------------------------
    Common
 ------------------------------------- */

body {
	background-color: #f5f5f5;
	color: #000;
	font-family: Arial;
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}

a, a:hover {
    text-decoration: none;
}

/* -------------------------------------
    Layout
 ------------------------------------- */

.layout {
    margin-top: 4em;
    margin-left: 1em;
    margin-right: 1em;
}

/* -------------------------------------
    Animate links
 ------------------------------------- */

.animate-underline-from-center {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	line-height: inherit;
	vertical-align: middle;
	text-align: center;
    cursor: pointer;
}

.animate-underline-from-center:after {
	content: '';
	display: block;
	overflow: hidden;
	width: 0;
	height: 1px;
	background-color: currentColor;
	transition: all 0.3s ease-out;
	transition-property: width, left;
	position: relative;
    left: 50%;
}

.animate-underline-from-center:hover:after {
	left: 0;
	width: 100%;
}