@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Comfortaa');

#vertical {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

#name {

	font-size: 100px;
	color: #ffbf00;
	font-family: 'Comfortaa', cursive;
	animation: name 5s infinite;
}

html {
	background-color: #0080ff;
	animation: html 5s infinite;
}

@keyframes html {
    0%   {background-color: #0080ff;}
    50%  {background-color: #ffbf00;}
}

@keyframes name {
    0%   {color: #ffbf00;}
    50%  {color: #0080ff;}
}

#yannick {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 20px;
	color: #ffbf00;
	font-family: 'Comfortaa', cursive;
	animation: name 5s infinite;
}