*{box-sizing:border-box}body{margin:0;font-family:sans-serif}main{place-items:center;min-height:100vh;display:grid}form{gap:12px;min-width:240px;display:grid}input,button{font:inherit;padding:8px 12px}p{margin:0}.dashboard{gap:24px;width:min(480px,100% - 32px);display:grid}h1,h2{margin:0}h1{text-align:center}section{gap:12px;display:grid}ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}li{justify-content:space-between;align-items:center;gap:16px;display:flex}li span{display:grid}