*{box-sizing:border-box;margin:0;padding:0;font-family:Ubuntu,sans-serif}html,body{background-color:#dcb;color:#000;height:100%}.list{margin-top:1em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch}.tile{background-color:#c72;color:#f0f8ff;margin:.2em;padding:.6em .6em 1.2em;flex:1;width:12em;max-width:40vw;height:96%;border-radius:.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:background-color .25s;box-shadow:.15em .15em .1em #2f4f4f;cursor:pointer}.tile h1{font-size:1.2em}.tile:hover{background:teal}