@import url('https://fonts.googleapis.com/css?family=Indie+Flower');

.container {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #a5d6a7;
	flex-grow: 2;
}

.viehweider {
	text-align: center;
	font-family: 'Indie Flower', cursive;
	font-size:70px;
	font-weight:bold;
	color:#4794D3;
	margin:90px auto;
}

.christian {
	text-align: center;
	font-family: 'Indie Flower', cursive;
	background: #a5d6a7;
	position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 20px;
}

.christian a:link, .christian a:visited {
	text-decoration: none;
	outline: none;
}

html, 
body {
    height: 100%;
}

body {
	margin: 0;
	padding: 0;
}


div.angrytext {
 -webkit-animation: jump 1.5s ease 0s infinite normal ;
 animation: jump 1.5s ease 0s infinite normal ;
}

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40%{
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
  }
  80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

@keyframes jump {
  0%{
	transform: translateY(0);
  }
  20%{
	transform: translateY(0);
  }
  40%{
	transform: translateY(-30px);
  }
  50%{
	transform: translateY(0);
  }
  60%{
	transform: translateY(-15px);
  }
  80%{
	transform: translateY(0);
  }
  100%{
	transform: translateY(0);
  }
}