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

	.moving-text {
    	animation: moveDownSlightly 0.8s ease-out; 
    	font-size: 1.5em;
    	color: #ffffff; 
    	text-align: center;
    	margin: 20px 0;
	}
	@keyframes slideText {
    	from {
        transform: translateX(30px); 
        opacity: 0; 
    	}
}
   	to {
        transform: translateX(0);
        opacity: 1; 
    	}
	.menu-item {
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between; 
    	align-items: center;
    	height: 300px;
    	border: 1px solid #ddd;
    	border-radius: 8px;
    	padding: 15px;
    	text-align: center;
    	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); 
	}

	.menu-item h3 {
    	height: 50px; 
    	line-height: 20px; 
    	margin-bottom: -20px;
	}