body {
  background-image: url(''); /* Replace with your image path */
  background-size: cover; /* Ensures the image covers the entire area */
  background-position: center center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents image repetition */
  background-attachment: fixed; /* Keeps the background fixed during scrolling */
  margin: 0; /* Removes default body margin */
  height: 100vh; /* Ensures the body takes up the full viewport height */
  color: white;
}

/* Optional: To ensure HTML also takes full height */
html {
  height: 100%;
}

.darktd {
   background-color: rgba(028, 0, 0, .5); /* Fully opaque red */
    }