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