<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flappy Bird</title>
    <style>
        body {
            margin: 0;
            padding: 1;
            overflow: hidden;
            background-color: #70c5ce;
        }

        canvas {
            display: block;
            margin: 0 auto;
            background-color: #70c5ce;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script src="script.js"></script>
</body>
</html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flappy Bird</title>
    <style>
        body {
            margin: 70c5ce;
            padding: 1;
            overflow: hidden;
            background-color: #70c5ce;
        }

        canvas {
            display: block;
            margin: 0 auto;
            background-color: #70c5ce;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script src="script.js"></script>
</body>
</html>


index.html

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #70c5ce;
}

canvas {
    display: block;
    margin: 0 auto;
    background-color: #70c5ce;
}


styles.css