.accordion > input[name="collapse"] { display: none; }
    .accordion .content
    { background: #fff;
      overflow: hidden;
      height: 0;
      transition: 0.5s;
      box-shadow: 1px 2px 4px #2a4374;
    }
    .accordion label
    { color: #101010;
      cursor: pointer;
      font-weight: normal;
      padding: 5px;
      background: #e0e0e0;
    }
     
    .accordion label:hover,
    .accordion label:focus { background: #f0f0f0; }
     
    .accordion .handle label:before
    { font-family: sans-serif;
      content: '\25BC';
      color: #2a4374;
      display: inline-block;
      margin-right: 10px;
      font-size: 1.25em;
      vertical-align: middle;
      transition: 0.4s;
    }
     
    .accordion > input[name="collapse"]:checked ~ .handle label:before
    { transform: rotate(180deg);
      transform-origin: center;
      transition: 0.4s;
    }
    .accordion > input[name="collapse"]:checked ~ .content
    { height: auto;
      padding: 6px;
      background: #f0f0f0;
      transition: height 0.5s;
    }