@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");*{margin:0;padding:0;box-sizing:border-box;font:1em/1.6 "Roboto Mono", Sans-serif}body{background-color:#24262e}#history{color:#fff;padding:0px 20px 10px 20px}main{margin-top:20px}main #wrapper{background-color:#2c2e3c;width:50%;margin:auto;box-shadow:0 3px 10px #000}main #wrapper h1{font-size:22px;text-align:center;background-color:#3d5ba4;color:#fff}main #wrapper #container{display:grid;grid-template-columns:1fr 1fr;padding:20px 20px;gap:10px}main #wrapper #container input{width:100%;height:45px;border:1px solid #ccc;border-radius:10px;outline:none;padding-left:10px;text-transform:uppercase}main #wrapper #container input:focus{border:5px solid #3d5ba4}main #wrapper #container label{font-weight:700;color:#fff}main #wrapper #container .btn{margin-top:20px;width:100%;height:40px;border:none;color:#fff;font-size:18px;border-radius:10px;cursor:pointer}main #wrapper #container .btn-primary{background-color:#3d5ba4}main #wrapper #container .btn-primary:hover{background-color:#5474c0}main #wrapper #container .btn-secondary{background-color:#dc6646}main #wrapper #container .btn-secondary:hover{background-color:#e48971}main #wrapper #container .read-only input{background-color:#ddd}