* {
	box-sizing:border-box;
	padding:0px;
	margin:0px;
}

html {
	height:100%;
}

body {
	font-family:Sans-serif;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
	width:100%;
	font-size:1vw;
}


h1 {
	font-family:Sans-serif;
	color:black;
	font-size:4vw;
}

h1 .name {
	display:inline-block;
	background-color:rgba(0, 112, 192, 1.0);
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	font-weight:bold;
	color:white;
}

a {
	color:rgba(0, 112, 192, 1.0);
}

a:hover {
	color:red;
}

.teaser {
	color:teaser;
	margin:40px;
	color:grey;
}

p {
	font-size:20px;
	margin:10px;
}

.contact {
	max-width:600px;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	flex-wrap:wrap;
}

.contact > div {
	margin:20px;
}