.container {
      margin: 20px auto;
      padding: 0 20px 50px;
    }

    details {
      border: 1px solid #2a2a2a;
      border-radius: 6px;
      margin: 15px auto;
      padding: 12px 14px;
    }

    summary {
      cursor: pointer;
      font-weight: 500;
      outline: none;
      list-style: none;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    summary::after {
      content: "+";
      float: right;
      transition: transform 0.4s;
    }

    details[open] summary::after {
      transform: rotate(45deg);
    }

    details p {
      margin-top: 8px;
      line-height: 1.5;
      color: #aaa;