:root{--green-50:#80ff00;--green-80:#cf9;--purple-50:#7f00ff;--purple-80:#c9f}html{font-family: ;background-color:#efefefef}body,html,#root{height:100%}#root{font-size:medium}.title{background-color:var(--primary);border-style:solid;width:fit-content;padding:.25em .5em;box-shadow:.25rem .25rem}button{background:var(--green-50);border:2px solid #000;padding:.5em 1em;display:inline-block}button:hover,button:focus{background:var(--green-50);box-shadow:.125rem .125rem}button:active{transform:scale(.99)}input{border:2px solid #000;padding:.5em 1em}input:focus{background:var(--green-80);outline:none;box-shadow:.125rem .125rem}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}