html{font-family:effra,sans-serif;font-size:14pt}body{min-height:100vh;width:100%;background:repeating-linear-gradient(120deg,#797301 0 50px,#585858 50px 100px,#3f1b5c 100px 150px,#121212 150px 200px);flex-flow:column;align-items:center;margin:0;display:flex}.header{width:100%;text-align:center;padding:2em 0}.header .logo{max-width:80%;filter:drop-shadow(0 0 1px #fff)}.list{width:100%;max-width:1210px}.list-item{width:calc(100% - .4em);color:#ececec;text-align:center;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 (min-width:1211px){.list-item{border-radius:15px}}.filler{flex-grow:1}.footer{width:calc(100% - 2em);color:#ececec;background-color:#2d2d2d;flex-flow:row;justify-self:end;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}