IndexWeb.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<style>
    html{
      background-image:url('waves.jpg');
    }
    
      
      html{
        text-align: center;
      }
    </style>

<body>
 
  <div class="flex">
  <div class="element-center">
    
    <div id="acctBalance">
        
            <span class="wrap"></span>
        </a>
        <h1>
            Open Ocean
        </h1>
        <h3>
            Current Money in the Lending Pool:
        </h3>
        <label id="acctBalanceLbl"></label>
    </div>

    <div id="inputs">
        <h2>
            Deposit
        </h2>
        <input type="text" id="userDeposit" required>
        <button id="btnDeposit">Deposit</button>

        <h2>
            Withdraw
        </h2>
        <input type="text" id="userWithdraw" required>
        <button id="btnWithdraw">Withdraw</button>
    </div>
  </div>
  </div>

    <script type="text/javascript" src="bank_account_script.js"></script>
    <script type="text/javascript" src="typewriter_script.js"></script>
</body>

</html>