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

body {
	width: 100%;
	height: 100%;
}

#logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: fill 0.5s ease-in-out forwards 1.0s;
}

.logo_d{
	stroke-dasharray:3 3;
	stroke-dashoffset:3;
	animation:anim_draw 1150ms ease-in-out 0ms forwards;
}

.logo_k_up{
	stroke-dasharray:2 2;
	stroke-dashoffset:2;
	animation:anim_draw 1150ms ease-in-out 0ms forwards;
}

.logo_k_down{
	stroke-dasharray:2 2;
	stroke-dashoffset:2;
	animation:anim_draw 1150ms ease-in-out 0ms forwards;
}

@keyframes anim_draw{
	100%{stroke-dashoffset:0;}
}

@keyframes anim_fade{
	0%{stroke-opacity:1;}
	85%{stroke-opacity:1;}
	100%{stroke-opacity:0;}
}

@keyframes
fill {
	from{ fill: white; }
	to{ fill: black; }
}