body{color:#111;max-width:1200px;margin:0 auto;font-family:monospace;box-shadow:0 8px 24px #959da533}header{text-align:center;z-index:1;background:#49fb35;border-bottom:1px solid #333;flex-flow:wrap;flex:1 0 100%;justify-content:space-between;padding:5px;font-size:14px;display:flex;position:sticky;top:0}header .copy{border-radius:5px;padding:0 3px;display:inline-block}header a{color:#000;border-radius:5px;margin-right:10px;padding:0 3px;display:inline-block}header a:hover{background:#fff}.counter{background:#fff;border-radius:5px;min-width:3em;padding:0 3px;transition:min-width .3s ease-in-out;display:inline-block}figure{border-radius:5px;margin:5px;padding:5px;position:relative;box-shadow:0 8px 24px #959da533}figure img{background-position:0 0,0,0 100%;background-repeat:no-repeat;background-size:100% 33.3333%;border-radius:5px;justify-content:space-evenly;align-items:center;max-width:100%;height:auto;display:flex}figure img:before{content:"";padding-top:56.25%;display:block}figure figcaption{text-align:center;background:#ffffffb3;width:100%;padding:8px 0 4px;font-size:12px;display:block;position:sticky;bottom:0}figure figcaption span{color:#fff;background:#222;border-style:solid;border-width:3px;border-image:linear-gradient(to bottom right,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%) 1;border-radius:3px;padding:3px}footer{text-align:center;color:#333;justify-content:center;padding-top:3em;padding-bottom:3em;font-size:8px;display:flex}footer pre,footer a{color:#222;margin:0 10px;display:block}footer svg{width:20px;padding-top:5px}