/* marquee.css */

@font-face {
   font-family: 'Manjari-Regular';
   src: url(../fonts/Manjari-Regular.ttf)format('truetype');
}

.marquee-container {
    background-color: #e7dfc9; /* Background color */
    height: 200px; /* Set the desired height for vertical alignment */
    display: flex;
    align-items: center; /* Vertical center alignment */
}

.marquee {
	margin: 5px auto 5px auto;	
    white-space: nowrap;
    overflow: hidden;
    position: relative;
	color: #9a0008;  
    background-color: #fcb132; /*#cd7123; /* Background color  */	
}

.marquee p {
	font-family:'Manjari-Regular';
	font-size: 18px;	
    display: inline-block;
    animation: marquee 50s linear infinite;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}