.full-page{display:flex;justify-content:center;padding:50px}.full-page>div{width:700px}.input-parent,h2{margin-top:25px}h2{font-size:.9em}details{border:1px solid #aaa;border-radius:5px;box-shadow:0 3px 7px #0003;margin:10px 0;overflow:hidden}summary{cursor:pointer;list-style:none;padding:5px 10px;transition:background-color .3s,color .3s}details:not([open]) summary:hover{background-color:#eee}details summary:before{color:var(--color);content:"\f64d";margin-right:5px;transition:transform .3s,color .3s}details[open] summary{background-color:var(--color);box-shadow:0 0 10px #000a;color:#fff}details[open] summary:before{color:#fff;transform:rotate(225deg)}details>div{padding:10px}details>div a{color:var(--color);text-decoration:underline}