/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color" or "how to chess battle advanced". */
   
@font-face {
  font-family: 'babab';
  src: url('mergedsc.ttf') format('truetype');
}
body {
  background-color: #1e262e;
  color: #cfcfcf;
  font-family: arial;
  background-image: url('pattern.webp'); /* Replace with your image path */
  background-repeat: repeat; /* Repeat horizontally */
  background-position: 0 0;
  animation: scrollBg 60s linear infinite; /* Slow scroll */
}

@keyframes scrollBg {
  from { background-position: 0 0; }
  to { background-position: -1000px 300px; } /* Adjust based on image width */
}
.centertxt {
  text-align: center;
}
.centerblock {
  display: flex;
  justify-content: center;
}
.centerlist {
  margin-left: auto;
  margin-right: auto;
  width: 20%; /* or any fixed width */
}

.h6 {
  font-size: 10px;
  text-align: center;
  opacity: 0.5;
}

.baba {
  font-family : 'babab', arial
}

button {
  background: linear-gradient(135deg, white 0%, grey 100%);
  border: none;
  color: black;
  padding: 12px 24px;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}
button:hover {
  background: #333;
  color: white;
}