* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*body {*/
/*    font-family: 'Poppins', sans-serif;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 100vh;*/
/*    position: relative;*/
    /*background-color: #02040B; */
/*}*/

/*body::before {*/
/*    content: ' ';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: -1;*/
/*    opacity: 0.7;*/
/*    background-image: url('/images/data-background.webp');*/
/*    mix-blend-mode: hard-light;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 50% 0;*/
/*    background-size: cover;*/
/*}*/

body {
  min-height: 100vh;
  min-width: 100vw;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  background-color: #02040B; 

}

body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(images/data-background.webp) no-repeat center center;
  background-size: cover;
  z-index: -1; /* Ensure it's behind other content */
  opacity: 0.2;
}


body.dark-theme {
    background-color: #02040B; /* Dark Mode Background Color */
    color: white !important; /* Dark Mode Text Color */
}

body.light-theme {
    background-color: #ffffff30; /* Light Mode Background Color */
    color: #1b1f30; /* Light Mode Text Color */
}

body.light-theme::before {
    opacity: 0.5;
}

.page-contain {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow-y: auto; /* Enable scrolling for the content */
  height: 100vh;
  width: 100vw;
  box-sizing: border-box; /* Include padding in the height calculation */
}