.ticker-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.ticker-content {
  display: inline-block;
  width: 100%;
  animation: ticker 11s linear infinite;
}


@keyframes ticker {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.ticker-content span {
  font-size: 99px;
  font-weight: bold;
 padding-right: 10px;
 color: white; /* Add spacing between news items */
}
 
     /* Add this CSS rule for the body element */
    body {
      background-color: black;
    }

	
	/* Styling for the falling balls */
    .ball {
      position: absolute;
      top: -50px;
      width: 50px;
      height: 50px;
      background-image: url('image0.jpg'); /* Replace 'image.jpg' with your image file path */
      background-size: cover;
      border-radius: 50%;
    }
  
.links {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  font-size: 22px;
}

.links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.links li {
  margin: 10px 0;
}

.links a {
  color: white;
}
/* Styles for desktop devices */
.content {
    width: 2000px;
    margin: 0 auto;
    background-image: url('image.png');
    background-attachment: fixed;
}
/* Styles for mobile devices */
@media only screen and (max-width: 600px) {
  .content {
    width: 100%;
    padding: 20px;
    background-image: url('mobile.jpg');
    background-size: cover;
    background-repeat: no-repeat;
  }
}