<html>
<head>
    <link rel="stylesheet" href="styles.css"/>
</head>
<body>

<div id="header">
    <h1>Hester Gomez</h1>
    <p class="delay">(Earth, <span id="delay-text"></span>)</p>
</div>

<ul id="messages"></ul>

<p id="typing-indicator">Hester is typing...</p>

<div id="textbox">
    <input id="textbox-input" class="rounded-rectangle" type="text" disabled></input>
    <button class="rounded-rectangle" onclick="pressSendButton()">send</button>
</div>

<script src="main.js"></script>
</body>
</html>