    color: lightblue; /* Moon icon color */
    opacity: 0; /* Initially hidden */
  }

  /* Style for checked state */
  .switch-checkbox:checked + .switch-label {
    background-color: #333;
  }

  .switch-checkbox:checked + .switch-label .sun-icon {
    opacity: 0; /* Hide sun icon in dark mode */
  }

  .switch-checkbox:checked + .switch-label .moon-icon {
    opacity: 1; /* Show moon icon in dark mode */
  }
  .switch-checkbox:checked + .switch-label {
    left:100px;
  }

  </style>
</head>

<body>
  