body
{
	background-color: #000000;
	overflow: hidden;
}

.blockZ
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 192px;
	height:	48px;
	top: calc(50vh - 24px);
	left: calc(50vw - 96px);
	background-color: #FFFFFF;
	
	animation-duration: 100ms;
	animation-timing-function: cubic-bezier(0.84, 0.13, 0.83, 0.67);
	animation-iteration-count: 1;
}

.pixel
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 12px;
	height:	12px;
	background-color: #FFFFFF;
	top: calc(50vh - 6px);
	animation-name: drop;
	animation-duration: 3s;
	animation-timing-function: cubic-bezier(.21,.19,.73,.57);
	animation-iteration-count: 1;
}

@keyframes drop
{
	0%
	{
		top: calc(50vh + 24px);
	}
	100%
	{
		top: 100vh;	
	}
}

@keyframes shake
{
	0%{left: calc(50vw - 96px);}
	10%{left: calc(50vw - 120px);}
	30%{left: calc(50vw - 72px);}
	50%{left: calc(50vw - 120px);}
	70%{left: calc(50vw - 120px);}
	90%{left: calc(50vw - 72px);}
	100%{left: calc(50vw - 96px);}	
}