.gen {
  display: flex;
  justify-content: center;
  /*border: 1px solid chartreuse;*/
  align-items: stretch;
  margin: 10px;
}

.gen img {
  border-radius: 10%;
  width: 60%;
  position: relative;
}

label {
  height: 100%;
  display: block;
  background: transparent;
  cursor: pointer;
   
  /*border-radius: 10px;*/
  /*padding: 1rem;*/
 /* margin-bottom: 1rem;*/
  /*//margin: 1rem;*/
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}

label:before {
  background-color: brown;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -2px;
  left: 15px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(1);

  content: "X";


  z-index: 2;
}

:checked+label {
  border-color: #ddd;
}

:checked+label:before {
  content: "✓";
  background-color: darkslategrey;
  transform: scale(1);
}


input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}

input[type="checkbox"]:checked + label {
  background: #610B21;
  border-color: #0B4C5F;
}



    /***acor******************/


    button.accordion {
      width: 100%;
      background-color: whitesmoke;
      border: none;
      outline: none;
      text-align: left;
      padding: 5px 10px;
      font-size: 18px;
      color: #333;
      cursor: pointer;
      transition: background-color 0.2s linear;
    }

    button.accordion:after {
      font-family: FontAwesome;
      content: "\f150";
      font-family: "fontawesome";
      font-size: 18px;
      float: right;
    }

    button.accordion.is-open:after {
      content: "\f151";
    }

    button.accordion:hover,
    button.accordion.is-open {
      background-color: #ddd;
    }

    .accordion-content {
      /*background-color: #590B54;*/
      border: 2px solid rgba(255, 255, 255, 0.1);
      /* border-right: 1px solid whitesmoke;*/
      padding: 0 20px;
      max-height: 0;
       /*overflow: hidden;*/
      transition: max-height 0.2s ease-in-out;

      /*overflow-y: auto;
      overflow-x: hidden;
      height: 400px;*/

    }

    .accordion-content::-webkit-scrollbar {
      width: 2px;
      /* background-color: #333;*/
    }

    .accordion-content::-webkit-scrollbar-thumb {
      background-color: coral;
      border-radius: 5px;
    }

    /*******************/