function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0E5CF] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#363732] mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Mind Flourish"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-roboto text-[#363732]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Memory Game"), /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "🎲")), /*#__PURE__*/ React.createElement("p", { className: "text-md font-roboto text-[#363732] mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Flip the cards, remember their location, and match the pairs!"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-14 h-14 bg-[#FAF0D7] rounded-md flex items-center justify-center cursor-pointer", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "🃏"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#5FA8D3] text-white py-2 rounded font-roboto font-semibold", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Start Game"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, ` body { animation: bgAnimation 20s ease infinite; } @keyframes bgAnimation { 0%, 100% { background-color: #F0E5CF; } 50% { background-color: #A7D3A6; } } `)); }