checked+.switch-label {
      background-color: #34495e;
    }

    .switch-checkbox:checked+.switch-label .sun-icon {
      opacity: 0;
    }

    .switch-checkbox:checked+.switch-label .moon-icon {
      opacity: 1;
    }

    .action .menu ul li a {
      display: inline-flex;
      text-align: center;
      padding-left: 5%;
      font-weight: 300;
      font-size: 19px;
      text-decoration: none;
      color: #555;
      font-weight: 500;
      transition: 0.5s;
    }

    .action .menu ul li:hover a