html,body{width:100%;height:100%;font-family:Roboto,sans-serif;line-height:1.6}.index{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;text-align:center}h1,p{padding:0;margin:0}p{padding-bottom:2rem;font-size:1.2rem}.content{display:grid;gap:2rem}form{display:flex;gap:1rem;align-items:center;justify-content:flex-start;margin:0 auto}label{display:grid;gap:.2rem;max-width:20rem;font-size:1rem;text-align:left}input[type=text],button{padding:.4rem}ul{display:flex;gap:2rem;padding:0;padding-top:3rem;margin:0;list-style:none}li{max-width:20rem;text-align:left}@media only screen and (max-width:50rem){ul{display:block}li{padding-bottom:1rem}}