form{width:250px;margin:0 auto;text-align:center;background-color:#f2f2f2;border-radius:5px;padding:20px;box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19)}label{font-size:16px;font-weight:700;color:#666;display:block;margin-bottom:5px}input[type=text],input[type=number]{width:60%;height:35px;font-size:16px;border:1px solid #ddd;border-radius:5px;padding:0 10px;box-shadow:inset 0 1px 3px rgb(0 0 0 / .1)}input[type=submit]{width:20%;height:35px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19)}#result{font-size:20px;font-weight:700;color:#4caf50;margin-top:20px}