<!--
https://www.webcreatorbox.com/tech/details-summary
-->

summary::-webkit-details-marker {
  background: url(images/arrow-right.svg) no-repeat center/6px;

}

details[open] {
  font: 16px "Open Sans", "Arial", sans-serif;
  width: 620px;
	background: #c3f6ff;
	transition: .5s;

}

details > summary {
  padding: 2px 6px;
  width: 15em;
  background-color: #ddd;
  border: none;
  box-shadow: 3px 3px 4px black;
}

details > p {
  border-radius: 0 0 10px 10px;
  background-color: #ddd;
  padding: 2px 6px;
  margin: 0;
  box-shadow: 3px 3px 4px black;
}