*{box-sizing:border-box;margin:0;padding:0}body{flex-direction:column;align-items:center;padding:5vw;display:flex}h1{text-align:center;margin-bottom:12px}form{width:100%;max-width:350px}fieldset{border:none;margin-bottom:12px}label{margin-bottom:6px;display:block}input{border:1px solid #8080804a;border-radius:6px;width:100%;height:30px;padding:12px}section{border:1px solid #8080804a;border-radius:12px;flex-direction:column;justify-content:center;gap:6px;width:100%;max-width:350px;height:100px;margin-bottom:24px;padding:12px;display:flex}button{text-align:center;border:1px solid #8080804a;border-radius:6px}.number_of_keys{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:12px;display:flex}.number_modifier{width:30px;height:100%;font-size:px;font-size:18px}button:hover,button:active,button:focus{cursor:pointer;background-color:#8080804a}#pay_button{width:100%;height:40px;font-size:20px;font-weight:700}#keys{text-align:center;width:50px}.keys_button{height:30px}.error_message{text-align:center;color:red;flex-direction:column;gap:6px;margin-top:12px;font-size:18px;font-weight:700;display:flex}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}