.accordion { background-color: var(--dark-blue); cursor: pointer; padding: 15px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; color: var(--primary-white); }
.accordion-active, .accordion:hover { background-color: var(--primary-black); }
.accordion:after { content: '\002B'; font-weight: bold; float: right; margin-left: 5px; }
.accordion-active:after { content: "\2212"; }
div.accordion-panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
div.accordion-panel div { background-color: transparent; padding: 0 15px; margin-top: 10px; text-align: left; }