body{-webkit-font-smoothing:none;background-color:teal;margin:0;padding:20px;font-family:MS Sans Serif,Segoe UI,Tahoma,Arial,sans-serif}div[style*="padding: '20px'"]{background-color:silver;border:2px solid gray;border-color:#fff gray gray #fff;max-width:450px;margin:20px auto;box-shadow:1px 1px #000;padding:4px!important}h1{color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,navy,#1084d0);align-items:center;margin:0 0 10px;padding:3px 4px 3px 6px;font-weight:700;display:flex;font-size:14px!important}form{gap:4px;padding:6px;display:flex}input[type=text]{background-color:#fff;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;outline:none;flex-grow:1;padding:4px 6px;font-family:inherit;font-size:14px;box-shadow:inset 1px 1px #000}button{color:#000;cursor:pointer;background-color:silver;border:2px solid gray;border-color:#fff gray gray #fff;outline:none;padding:4px 10px;font-family:inherit;font-size:14px;box-shadow:1px 1px #000}button:active{border-top:2px solid #808}