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