added a cool animation, to be improved

src/assets/global.css

@@ -32,22 +32,27 @@ a.visited {
 }
 
 .button {
-  background-color: #3db686; 
+  background-color: #00755e; /* Green */
   border: none;
   color: white;
-  padding: 1% 1%;
+  padding: 16px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
+  border-radius: 16px;
   transition-duration: 0.4s;
   cursor: pointer;
 }
+
 .button:hover {
-  background-color: #101010;
-  color: #3db686;
-  border: #3db686;
+ 	background-color: #00d4aa;
+	color: black;
+	transform: translateY(-0.25em);
+}
+.button:active {
+	background-color: #4beacb;
 }
 
 .ResponsiveImage {

src/lib/Header.svelte

@@ -1,4 +1,3 @@
-
 <script lang="ts">
 	import css from "../assets/animation.css";
 	import ProjectSegfaultLogo from "../assets/images/projectsegfault1.png";
@@ -16,9 +15,7 @@
     <a href="/minecraft" class="button">Minecraft</a>
     
     <a href="/contact" class="button">Contact</a>
-
-    <a href="/faq" class="button">FAQ</a>
-   </section>
+  </section>
 
 </header>
 
@@ -33,15 +30,16 @@
     }
     #ProjectSegfaultLogoHeader {
         /*Here goes anything to do with the header logo*/
-        border-radius: 5px;
+        border-radius: 16px;
         width: 32px;
-	vertical-align: middle;
-	display: inline-block;
+	    vertical-align: middle;
+	    display: inline-block;
     }
     .center {
 	    text-align: center;
     
     }
+<<<<<<< HEAD
     .button {
   background-color: #00755e; /* Green */
   border: none;
@@ -75,3 +73,6 @@
 	        animation: text-flicker-in-glow 900ms both;
 }
 </style>
+=======
+</style>
+>>>>>>> 6b6ede9b9439d9c99cdadfc28641f5c33151e600