html{font-family:effra,sans-serif;font-size:14pt}body{background:repeating-linear-gradient(120deg,#797301 0 50px,#585858 50px 100px,#3f1b5c 100px 150px,#121212 150px 200px);flex-flow:column;align-items:center;width:100%;min-height:100vh;margin:0;display:flex}.header{text-align:center;width:100%;padding:2em 0}.header .logo{filter:drop-shadow(0 0 1px #fff);max-width:80%}.list{width:100%;max-width:1210px}.list-item{color:#ececec;text-align:center;width:calc(100% - .4em);margin-bottom:2em;padding:1em .2em;font-size:1.5rem;font-weight:700;text-decoration:none;display:block}.list-item:nth-of-type(4n+1){color:#282828;background-color:#fef433}.list-item:nth-of-type(4n+2){color:#282828;background-color:#ddd}.list-item:nth-of-type(4n+3){background-color:#9a59cf}.list-item:nth-of-type(4n+4){background-color:#2d2d2d}@media only screen and (width>=1211px){.list-item{border-radius:15px}}.filler{flex-grow:1}.footer{color:#ececec;background-color:#2d2d2d;flex-flow:row;justify-self:end;width:calc(100% - 2em);padding:1em;font-size:1.3rem;font-weight:300;display:flex}.footer a{color:inherit;text-decoration:none}.footer .creator{font-weight:400}.footer>.filler{flex-grow:1}.footer>a.github{height:32px;display:block}