/* Light Mode styles */
    /* body {
      background-color: #f0f0f0;
      color: #333;
    }
 */
    /* Dark Mode styles */
    /* body.dark-mode {
      background-color: #333;
      color: #f0f0f0;
    }
 */
    /* Style the switch */
    .switch {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 20px;
	  margin-top: 5px;
    }

    /* Hide default checkbox */
    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }

    /* Customize the slider */
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      transition: 0.4s;
      border-radius: 20px;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 16px;
      width: 16px;
      left: 2px;
      bottom: 2px;
      background-color: white;
      transition: 0.4s;
      border-radius: 50%;
    }

    /* Style the switch when checked */
    input:checked + .slider {
      background-color: #2196F3;
    }

    input:checked + .slider:before {
      transform: translateX(20px);
    }