*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .container{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
  }
  .container>*{
    margin: 15px;
  }
  .label{
    margin: 1rem;
    font-size: 1rem;
    font-weight: bold;
  }
button{
    margin: 1rem auto 0;
    padding: 0.5rem;
    display: flex;
    border: none;

  }
  input{
      display: flex;
      width: 100%;
      padding: 1rem;
      height: 10px;
      background-color: whitesmoke;
      
    }
  td{
    padding: 0.5rem 0;
    text-align: center;
    font-size: 1rem;
  }
  .cash-given-div,
  .return-change
  {
    display: none;
  }
  body{
      background-color: gray;
  }
  .output-table{
    padding: 0.2rem;
    color: black;
    background-color: gray;
    border: 2px solid black ;
    border-collapse: collapse;
  }
  table{
    table-layout: fixed;
    width: 100%;
  }
  th,td{
    font-weight:600;
    word-wrap: break-word;
    border:  1px solid black;
  }