diff --git a/Fanf.html b/Fanf.html
index c8266308..4144309c 100644
--- a/Fanf.html
+++ b/Fanf.html
@@ -9,4 +9,25 @@
function yes(){
alert('this will be better soon');}
-
\ No newline at end of file
+
+
+
+
+
+
+
+ Game Menu
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fanf.css b/fanf.css
new file mode 100644
index 00000000..e80f05cc
--- /dev/null
+++ b/fanf.css
@@ -0,0 +1,39 @@
+body {
+ font-family: Arial, sans-serif;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ background-color: #282c34;
+ margin: 0;
+}
+
+.menu {
+ text-align: center;
+ background: #fff;
+ padding: 20px;
+ border-radius: 10px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+h1 {
+ margin-bottom: 20px;
+}
+
+button {
+ display: block;
+ width: 100%;
+ padding: 10px;
+ margin: 10px 0;
+ font-size: 16px;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ background: #61dafb;
+ color: #fff;
+ transition: background 0.3s;
+}
+
+button:hover {
+ background: #21a1f1;
+}
\ No newline at end of file
diff --git a/fanf.js b/fanf.js
new file mode 100644
index 00000000..6ed8dd53
--- /dev/null
+++ b/fanf.js
@@ -0,0 +1,14 @@
+document.getElementById('startButton').addEventListener('click', function() {
+ alert('Starting the game...');
+
+});
+
+document.getElementById('settingsButton').addEventListener('click', function() {
+ alert('Opening settings...');
+ // Add your settings logic here
+});
+
+document.getElementById('exitButton').addEventListener('click', function() {
+ alert('Exiting the game...');
+ // Add your exit logic here
+});