diff --git a/home/index.html b/home/index.html
new file mode 100644
index 0000000..66649f6
--- /dev/null
+++ b/home/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Home??
+
+
+
+
+
+
+
diff --git a/home/styles.css b/home/styles.css
new file mode 100644
index 0000000..3dd3097
--- /dev/null
+++ b/home/styles.css
@@ -0,0 +1,44 @@
+body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+#menu {
+ width: 800px;
+ height: 400px;
+ margin-top: 100px;
+ border: 10px groove seagreen;
+ background-color: rgb(240, 106, 106);
+ background-size: contain;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+
+}
+
+p{
+ color: dodgerblue;
+ align-self: center;
+ border: 4px dashed dodgerblue;
+ background-color: white;
+ margin-right: 40px;
+ margin-left: 40px;
+
+}
+
+#logo{
+ align-self: center;
+ justify-content: flex-start;
+}
+.seed {
+ display: block;
+ margin-bottom: 10px; /* Adjust the spacing between seeds as needed */
+}
+.seed img {
+ transition: transform 0.3s ease;
+}
+.seed img:hover {
+ transform: scale(1.1);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..369009e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+ Waifuism.life
+
+
+
+
+
+ 
+
+
+
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..93cae62
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,21 @@
+body, html {
+ height: 100%;
+ margin: 0;
+ overflow: hidden; /* Prevents scrollbar from appearing */
+ }
+
+body {
+display: flex;
+justify-content: center;
+align-items: center;
+}
+
+.logo {
+max-width: 100%;
+height: auto;
+transition: transform 0.3s, scale 0.3s;
+}
+
+.logo:hover {
+transform: scale(1.2) rotate(360deg); /* Rotates the logo 360 degrees */
+}
+