/*div {
	perspective: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}*/

.square {
	 
	 
	transform: rotateY(0deg);
	animation: rotateAnimation 2s linear forwards;
}

@keyframes rotateAnimation {
	from {
		transform: rotateY(0deg);
		/*top:0%;
		left:0%;*/
		height:100%;
	}

	to {
		transform: rotateY(360deg);
		/*top: 250%;
		left: 40%;*/
		height: 0%;
	}
}