form{display:flex;margin-bottom:32px}[type=text],button{display:inline-block;appearance:none;padding:8px 16px;font-size:16px;border:.2rem solid #ccc;border-radius:.4rem}button{cursor:pointer;background:#007bff;color:#fff;border:2px solid #007bff;margin:0 8px}[type=text]{width:100%}[type=text]:active,[type=text]:focus{outline:0;border:.2rem solid #007bff}[type=checkbox]{margin-right:16px;font-size:32px}h1{color:#222}ul{padding:0}li{display:flex;align-items:center;padding:16px;margin-bottom:16px;background:#f4f4f4;border-radius:.4rem}li span{display:inline-block;padding:.5rem;width:250px;border-radius:.4rem;border:.2rem solid rgba(0,0,0,0)}li span:hover{background:rgba(179,215,255,.52)}li span:focus{outline:0;border:.2rem solid #007bff;background:rgba(179,215,255,.52)}#root{max-width:450px;margin:32px auto;padding:0 16px}