html,
body {
  height: 100%;
  margin: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), url('https://k8-images-assets.s3.amazonaws.com/1.png'); /* Adjusted path for images */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  overflow-x: hidden;
  overflow-y: auto; /* Allow scrolling for the grid */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  scrollbar-width: thin;
  scrollbar-color: #3b82f6 #000000;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body::-webkit-scrollbar {
  width: 8px;
}
body::-webkit-scrollbar-track {
  background: #000;
}
body::-webkit-scrollbar-thumb {
  background-color: #3b82f6;
  border-radius: 4px;
}