/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#87CEEB]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-5 bg-[#4A90E2] text-white", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-corben text-4xl text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Flappy Bird")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex justify-center items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[500px] h-[600px] bg-[#30D5C8] border-4 border-[#007A78] relative overflow-hidden", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/flappy-bird-background.png", alt: "Flappy Bird Game Background", className: "absolute w-full h-full object-cover", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/pipe-top.png", alt: "Flappy Bird Top Pipe", className: "absolute top-0", style: { height: '200px', width: '80px' }, __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/pipe-bottom.png", alt: "Flappy Bird Bottom Pipe", className: "absolute bottom-0", style: { height: '200px', width: '80px' }, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/flappy-bird.png", alt: "Flappy Bird Character", className: "absolute", style: { top: '50%', left: '10%', width: '40px', height: '40px' }, __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-10 left-5 font-montserrat text-white", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Score: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 13, columnNumber: 21 }, __self: this }, "0"))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-10 right-5 font-montserrat text-white", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Best: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 16, columnNumber: 20 }, __self: this }, "0")))))), /*#__PURE__*/ React.createElement("div", { className: "p-5 bg-[#4A90E2] text-white", __source: { fileName: "", lineNumber: 21, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-center", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, "Tap to flap your wings and avoid obstacles!")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center p-5 bg-[#30D5C8]", __source: { fileName: "", lineNumber: 24, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-montserrat bg-[#007A78] hover:bg-[#005A5C] text-white px-8 py-2 rounded-full transition duration-300", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, "Start Game")));