index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>GPT Game</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="terminal">
    <div class="terminal-text">
        <p>Patron: Mr. Stevens has been murdered! I saw someone running, but I couldn't see them very well. The only people who were around Mr. Stevens were his butler, his housekeeper, his gardener, and his friend. Please, you must help find out who did the crime.</p>
    </div>
    <form class="terminal-form">
        <input type="text" id="user-input" placeholder="Enter Text ">
        <input type="submit" value="Send">
    </form>
    </div>
    <div class="button-container">
        <button class="centered-button">Mystery Game</button>
        <button class="centered-button">RPG</button>
        <button class="centered-button">Escape Room</button>
    </div>
    <script src="app.js"></script>
</body>
</html>