#word-explanation-box{
	width:250px;
	/*min-height:100px;*/
	background-color:#fff;
	padding:18px;
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	line-height:1.7;
	border-radius:5px;
	opacity:0.97;
	display:none;
	border:1px solid #d0d0d0d7;

	/*opacity:0;*/
}
.display{
	animation:display 0.2s;
	animation-fill-mode: forwards;
}
@keyframes display {
	0% {
		transform:translateY(30px) scale(0.8, 0.8);

	}
	90% {
		transform:scale(1,1);
	}
	100% {
		transform:translateY(0px);
	}
}

.word-explanation-box-animation-open-bottom-to-top{

}
.word-explanation-box-animation-open-top-to-bottom{

}
.word-explanation-box-animation-close-bottom-to-top{

}
.word-explanation-box-animation-close-top-to-bottom{

}