body {
  font-family: Arial, sans-serif;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: left;
  height: 100vh;
}
#farkle-counter {
  margin-bottom: 0px;
}
.container {
  max-width: 800px;
  width: 100%;
  padding-bottom: 20px;
}
.header {
  background-color: #ffffff;
  color: #000000;
  padding: 10px;
  text-align: left;
}
.item {
  border: 3px solid #ffa500;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #ffe35a;
}
.item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.item h2 {
  margin: 0;
  font-size: 18px;
}
.item p {
  margin: 5px 0;
}
.guy_text {
  position: absolute;
  top: 48px;
  left: 445px;
  font-weight: bold;
}

.coin_counter {
  position: absolute;
  top: -14px;
  left: 420px;
}
.refresh {
  position: absolute;
  top: -14px;
  left: 420px;
}
.image-container {
  position: relative;
  max-height: 95px;
  width: 100%;
  min-width: 800px;
  /* Set width and height if needed */
}

.bottom-image,
.top-image {
  position: absolute;
  top: 0;
  left: 0;
}

.top-image {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}

.footer {
  color: #333333;
  padding: 10px;
  text-align: center;
  bottom: 0;
  width: 100%;
}

marquee {
  overflow: hidden;
  white-space: nowrap;
  background-color: #600f8f;
  border: 1px solid #e6d119;
  color: white;
  vertical-align: middle;
  padding: 5px;
}

.marquee-container a {
  color: #ffffff;
  text-decoration: none;
}

.farkle-miners {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

.exp-container {
  text-align: center;
 }
 .disclaimer {
   font-size: .5em;
   color: #666;
 }