/**
 * 
 * This personal homepage was generated by startseite.
 * 
 * 	https://github.com/malte70/startseite
 * 
 * 
 */
body {
	background:      #ecf0f1;
	color:           #111111;
	font:            24px "Source Sans Pro", sans-serif;
	text-align:      center;
}

header {
	margin:          1.8em 0 0;
}

header h1 {
	font-size:       2.8em;
	font-weight:     100;
}

main {
	margin-top:      2.5em;
}

main ul {
	list-style:      none;
	margin:          0 0 1.5em;
	padding:         0;
}

main ul li {
	display:         inline-block;
	padding:         0;
	margin:          0 1em;
}

main a:link, main a:visited {
	width:           6em;
	height:          1.5em;
	display:         inline-block;
	padding:         1.2em;
	border:          .2em solid #2ecc71;
	color:           #2ecc71;
	font-weight:     300;
	text-decoration: none;
}

section#links-desktop {
	display: none;
}
section#links-mobile {
	display: block;
}

main section#links-mobile ul li {
	margin: .5em 0;
}

@media (max-width: 24em) {
	header {
		margin: 1em 0 0;
	}
	h1 {
		margin: .3em 0 .5em;
	}
	main {
		margin-top: 1.5em;
	}
}
@media (min-width: 24em) {
	section#links-desktop {
		display: block;
	}
	section#links-mobile {
		display: none;
	}
}

main a:hover, main a:active {
	color:           #ecf0f1;
	background:      #2ecc71;
}

@media (min-width: 24em) {
	footer {
		position:        absolute;
		bottom:          .2em;
		right:           .2em;
		font:            .5em 'Inconsolata-g';
		text-align:      right;
		margin-right:    .4em;
	}
}
@media (max-width: 24em) {
	footer {
		font:        .5em 'Inconsolata-g';
		text-align:  center;
	}
}

footer a:link, footer a:visited {
	color:           #111111;
}

footer a:hover, footer a:active {
	color:           #2ecc71;
}