main{display:grid;grid-template-columns:repeat( auto-fill,minmax(20em,1fr) );gap:1em;padding:1em;top:3em;margin:0;background:var(--black)}iframe{height:100%;width:100%;background:var(--black)}section{position:relative;font-size:75%;text-align:center;background:var(--white);color:var(--black);margin:0;height:25em}section h2 a{font-size:.8em;margin:2em 1em;display:block;background:#3333b2;box-shadow:.3em .3em .3em -.1em rgba(0,0,0,.5);padding:.5em;border-radius:.25em;color:var(--white)}section ul{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:2em auto}section li{flex:none;padding:.25em 1em}section footer{background:#3333b2;position:absolute;bottom:0;width:100%;display:flex;text-align:left;line-height:2em;font-family:monospace;background:#3333b2}footer span{margin:0;padding:0 .5em;color:var(--white)}footer span:nth-child(1){flex:none;background:var(--dark)}footer span:nth-child(2){flex:auto}footer a{color:var(--white)}noscript{color:var(--white)}