@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body{font-family: 'Paperlogy', sans-serif;font-weight: 400;font-size: 16px;line-height: 140%;color: #696969;}



.over-hidden {overflow:hidden;}

/*animation*/

.animate {opacity: 0;}
.animate.show.moveUp {animation: moveUp 1s ease-in-out forwards;}
.animate.show.moveDown {animation: moveDown 1s ease-in-out forwards;}
.animate.show.moveLeft {animation: moveLeft 1s ease-in-out forwards;}
@keyframes moveUp {
	from {
		transform: translateY(100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes moveLeft {
	from {
		transform: translateX(100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes moveDown {
	from {
		transform: translateY(-100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}