body {
  padding: 20px;
  background: #202020;
}

h1 { color: lightgray; }

button { width: 100%; }
 [data-toggle="collapse"] {
 cursor: pointer;
 width: 100%;
 text-align: left;
 padding: 10px;
 background-color: #fafafa;
 border: 1px solid grey;
 margin-bottom: -1px;
 outline: none;
 -webkit-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
}

[data-toggle="collapse"]:hover { background-color: #DCDCDC; }
 [data-toggle="collapse"][aria-expanded="true"] {
 background-color: #303030;
 color: white;
 border: 1px solid #303030;
}

[data-toggle="collapse"][aria-expanded="true"]:after {
  content: "-";
  margin-right: 2px;
  float: right;
}

[data-toggle="collapse"][aria-expanded="false"]:after {
  content: "+";
  float: right;
}

.box {
  background-color: white;
  border: 1px solid grey;
  display: none;
  margin-bottom: -1px;
}

.box p { padding: 5px 20px; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImpxdWVyeS5jb2xsYXBzaWJsZS5kZW1vLnNjc3MiLCJqcXVlcnkuY29sbGFwc2libGUuZGVtby5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDQyxjQUFjO0VBQ2Qsb0JBQW9CLEVBQ3BCOztBQUVEO0VBQ0MsaUJBQWlCLEVBQ2pCOztBQUVEO0VBQ0MsWUFBWSxFQUNaOztBQ0REO0VER0MsZ0JBQWdCO0VBQ2hCLFlBQVk7RUFDWixpQkFBaUI7RUFDakIsY0FBYztFQUNkLHdCQUF3QjtFQUN4Qix1QkFBdUI7RUFDdkIsb0JBQW9CO0VBQ3BCLGNBQWM7RUFDZCx3Q0FBZ0M7RUFBaEMsZ0NBQWdDLEVBd0JoQztFQ3pCQztJRElBLDBCQUEwQixFQUMxQjtFQ0hBO0lETUEsMEJBQTBCO0lBQzFCLGFBQWE7SUFDYiwwQkFBMEIsRUFPMUI7SUNYRTtNRE9ELGFBQWE7TUFDYixrQkFBa0I7TUFDbEIsYUFBYSxFQUNiO0VDTkQ7SURXQyxhQUFhO0lBQ2IsYUFBYSxFQUNiOztBQUlIO0VBQ0Msd0JBQXdCO0VBQ3hCLHVCQUF1QjtFQUN2QixjQUFjO0VBTWQsb0JBQW9CLEVBQ3BCO0VBVkQ7SUFNRSxrQkFBa0IsRUFDbEIiLCJmaWxlIjoianF1ZXJ5LmNvbGxhcHNpYmxlLmRlbW8uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiYm9keSB7XG5cdHBhZGRpbmc6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICMyMDIwMjA7XG59XG5cbmgxIHtcblx0Y29sb3I6IGxpZ2h0Z3JheTtcbn1cblxuYnV0dG9uIHtcblx0d2lkdGg6IDEwMCU7XG59XG5bZGF0YS10b2dnbGU9XCJjb2xsYXBzZVwiXSB7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0d2lkdGg6IDEwMCU7XG5cdHRleHQtYWxpZ246IGxlZnQ7XG5cdHBhZGRpbmc6IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuXHRib3JkZXI6IDFweCBzb2xpZCBncmV5O1xuXHRtYXJnaW4tYm90dG9tOiAtMXB4O1xuXHRvdXRsaW5lOiBub25lO1xuXHR0cmFuc2l0aW9uOiBhbGwgLjVzIGVhc2UtaW4tb3V0O1xuXG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICNEQ0RDREM7XG5cdH1cblxuXHQmW2FyaWEtZXhwYW5kZWQ9XCJ0cnVlXCJdIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzAzMDMwO1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAjMzAzMDMwO1xuXG5cdFx0JjphZnRlciB7XG5cdFx0XHRjb250ZW50OiBcIi1cIjtcblx0XHRcdG1hcmdpbi1yaWdodDogMnB4O1xuXHRcdFx0ZmxvYXQ6IHJpZ2h0O1xuXHRcdH1cblx0fVxuXG5cdCZbYXJpYS1leHBhbmRlZD1cImZhbHNlXCJdIHtcblx0XHQmOmFmdGVyIHtcblx0XHRcdGNvbnRlbnQ6IFwiK1wiO1xuXHRcdFx0ZmxvYXQ6IHJpZ2h0O1xuXHRcdH1cblx0fVxufVxuXG4uYm94IHtcblx0YmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG5cdGJvcmRlcjogMXB4IHNvbGlkIGdyZXk7XG5cdGRpc3BsYXk6IG5vbmU7XG5cblx0cCB7XG5cdFx0cGFkZGluZzogNXB4IDIwcHg7XG5cdH1cblxuXHRtYXJnaW4tYm90dG9tOiAtMXB4O1xufVxuIiwiYm9keSB7XG4gIHBhZGRpbmc6IDIwcHg7XG4gIGJhY2tncm91bmQ6ICMyMDIwMjA7IH1cblxuaDEge1xuICBjb2xvcjogbGlnaHRncmF5OyB9XG5cbmJ1dHRvbiB7XG4gIHdpZHRoOiAxMDAlOyB9XG5cbltkYXRhLXRvZ2dsZT1cImNvbGxhcHNlXCJdIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgcGFkZGluZzogMTBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlcjogMXB4IHNvbGlkIGdyZXk7XG4gIG1hcmdpbi1ib3R0b206IC0xcHg7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHRyYW5zaXRpb246IGFsbCAuNXMgZWFzZS1pbi1vdXQ7IH1cbiAgW2RhdGEtdG9nZ2xlPVwiY29sbGFwc2VcIl06aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNEQ0RDREM7IH1cbiAgW2RhdGEtdG9nZ2xlPVwiY29sbGFwc2VcIl1bYXJpYS1leHBhbmRlZD1cInRydWVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMzMDMwMzA7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICMzMDMwMzA7IH1cbiAgICBbZGF0YS10b2dnbGU9XCJjb2xsYXBzZVwiXVthcmlhLWV4cGFuZGVkPVwidHJ1ZVwiXTphZnRlciB7XG4gICAgICBjb250ZW50OiBcIi1cIjtcbiAgICAgIG1hcmdpbi1yaWdodDogMnB4O1xuICAgICAgZmxvYXQ6IHJpZ2h0OyB9XG4gIFtkYXRhLXRvZ2dsZT1cImNvbGxhcHNlXCJdW2FyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXTphZnRlciB7XG4gICAgY29udGVudDogXCIrXCI7XG4gICAgZmxvYXQ6IHJpZ2h0OyB9XG5cbi5ib3gge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgZ3JleTtcbiAgZGlzcGxheTogbm9uZTtcbiAgbWFyZ2luLWJvdHRvbTogLTFweDsgfVxuICAuYm94IHAge1xuICAgIHBhZGRpbmc6IDVweCAyMHB4OyB9XG4iXX0= */