.marquee {
    
    width: 100%;
    height: 50px;
	background-color: #f4fc04;
    white-space: nowrap;
    box-sizing: border-box;
    position: relative;
}
.marquee p {
    font-weight: bold;
    font-size: 30px;
    display: inline-block;
    padding-left: 0;
    animation: marquee 20s linear infinite;
    cursor: pointer;

    position: absolute;
  left: 0;
  transform: translateY(-50%);
}
@keyframes marquee {
    0% {
        left: 0;
      }
      100% {
        left: 80%; /* Adjust as needed */
      }

    /* 0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); } */
}