*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{font-size:4rem}h2{margin-bottom:24px}h2,h3{font-size:2rem}h4{font-size:1.5rem}label{display:block;margin-bottom:8px}input[type=number],input[type=text]{font-size:16px;padding:4px}input[type=number],input[type=text],textarea{background:transparent;border:none;border-bottom:1px solid #ccc;width:100%;color:#fff}textarea{display:block;padding:8px}button{display:block;padding:8px 16px;border:0;border-radius:4px;background:#16a085;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}button.secondary{background:#2980b9}button[disabled]{background:#7f8c8d}.root{min-height:100vh;width:100vw;flex-direction:column}.root,main{display:flex}main{flex:1 1 auto}.button-group{display:flex}.button-group>button{margin-right:12px}.error{display:block;color:#ff7979;margin:8px 0}.json-key{color:#c0392b}.json-string{color:#27ae60}.json-value{color:#2980b9}.json-boolean{color:#8e44ad}