<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="MathRunner" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <title>MathRunner</title>
</head>
<body>

    <div id="spielRaum">
        <div id="rechnungen" class="flexbox">

            <div id="rechnung1">
                <div id="rechnung1Text">*5</div>
                <div id="hitbox1"></div>
            </div>
            
            <div id="rechnung2">
                <div id="rechnung2Text">+5</div>
                <div id="hitbox2"></div>
            </div>

        </div>
        <div id="tom">
            <img src="pics/tom_1.png" alt="tom">
        </div>
        <div id="fuchs">
            <div id="fuchsZahl">0</div>
            <img src="pics/fuchs_1.png" alt="fuchs">
        </div>
        <div id="enemy">
            <div id="enemyZahl">100</div>
            <img src="pics/enemy_1.png" alt="Gegner">
        </div>
		
        <div id="winText">Hurra du hast das Müllmonster besiegt</div>
        <div id="loseText">Oh nein, das Müllmonster war zu stark</div>
		<button id="restartButton">Neustart</button>


        
    </div>
    <Script src="js/rechnungen.js"></Script>
    <Script src="js/funktionen.js"></Script>
    <Script src="js/allg.js"></Script>

</body>
</html>