h-checkbox:checked + .switch-label .moon-icon {
    opacity: 1; /* Show moon icon in dark mode */
  }
  body.dark-mode {
      background-color: #121212;
      color: #ffffff;
    background-image: url('./assets/images/darkmode_bg.png'); /* Add your dark mode image */
    background-size: cover; /* Ensures the image covers the entire background */
    background-position: center; /* Centers the background image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
  }
  .finput{
    p