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 {
      color: #ff5d94;
      font-size: 21px;

    }

    .hamburger {
      display: none;
      cursor: pointer;
      position: absolute;
      top: 24px;
     