I continue with the button but not fully finish and added a readme to keep track of my note

css/main_button.css

@@ -0,0 +1,17 @@
+#social_button{
+    cursor: pointer;
+    background: none;
+    border: none;
+
+}
+#social_text{
+    margin-top: 0;
+    color:var(--text-color)
+}
+
+.social{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    gap: 4rem;
+}

css/mainpage.css

@@ -4,6 +4,7 @@
     align-items:center;
     justify-content:center;
     flex-direction: column;
+    height: 50vh;
 }