:root{--contentHeight:30vh;--sectionWidth:700px}*{outline:0;box-sizing:border-box}img{margin:0 auto !important}section{max-width:var(--sectionWidth);margin:40px auto;width:97%;color:#0e3151}summary{display:block;cursor:pointer;padding:10px;font-family:"Space Mono",monospace;font-size:22px;transition:.3s;border-bottom:2px solid;user-select:none}details>div{display:flex;flex-wrap:wrap;overflow:auto;height:100%;user-select:none;padding:0 20px;line-height:1.5}details>div>img{align-self:flex-start;max-width:100%;margin-top:20px}details>div>p{flex:1}details[open]>summary{color:#8ac3da}@media(min-width:768px){details[open]>div>p{opacity:0;animation-name:showContent;animation-duration:.6s;animation-delay:.2s;animation-fill-mode:forwards;margin:0;padding-left:20px}details[open]>div{animation-name:slideDown;animation-duration:.3s;animation-fill-mode:forwards}details[open]>div>img{opacity:0;height:100%;margin:0;animation-name:showImage;animation-duration:.3s;animation-delay:.15s;animation-fill-mode:forwards}}@keyframes slideDown{from{opacity:0;height:0;padding:0}to{opacity:1;height:var(--contentHeight);padding:20px}}@keyframes showImage{from{opacity:0;clip-path:inset(50% 0 50% 0);transform:scale(0.4)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes showContent{from{opacity:0}to{opacity:1}}