body {
    font-family: sans-serif;
    margin: 20px;
    background-color: #f4f4f4;
}

.container {
    display: flex; /* Aligns children (coin-side divs) horizontally */
    justify-content: center; /* Centers the content within the container */
    gap: 5px; /* Space between the two sides */
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
}

.coin-side {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width: 300px; /* Set a fixed width for uniformity */
    text-align: center; /* Center the heading and image */
}

.image-placeholder img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
}

.description {
    text-align: left; /* Align description text to the left */
}

.description ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

.description li {
    padding: 4px 0; /* Spacing between lines */
    border-bottom: 1px solid #f0f0f0; /* Optional horizontal line separator */
}

.description li:last-child {
    border-bottom: none; /* No border on the last line */
}

/* Optional: Add basic responsiveness */
@media (max-width: 650px) {
    .container {
        flex-direction: column; /* Stack vertically on small screens */
        align-items: center;
    }
}

.ticker-wrap {
  width: 100%;
  overflow: hidden; /* Ensures text stays within container */
  background-color: #333;
  color: white;
  padding: 10px 0;
  box-sizing: border-box;
}

.ticker-move {
  display: flex;
  white-space: nowrap;
  /* Adjust duration for speed (lower = faster) */
  animation: ticker-scrolling 20s linear infinite; 
}

.ticker-move:hover {
  animation-play-state: paused; /* Pause on hover */
}

.ticker-item {
  padding: 0 2rem;
  font-family: sans-serif;
}

@keyframes ticker-scrolling {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}