all-button-changed-issue#6

Anjaliavv51 · Oct 1, 2024 · a2d595d · a2d595d
1 parent 2917414
commit a2d595d
Showing 1 changed file with 22 additions and 16 deletions.
diff --git a/style.css b/style.css
@@ -83,19 +83,23 @@ s
   margin-top: 20px;
   background-color: brown;
   color: white;
-  border: 2px solid rgb(139, 36, 36);
-  width: 170px;
-  height: 35px;
-  border-radius: 4px;
+  border: 3px solid rgb(255, 255,255);
   font-size: 1.3rem;
   font-family: "Philosopher", sans-serif;
   padding-bottom: 4px;
+  text-decoration: none;
+  padding: 15px;
+  border-radius: 15px;
+  display: inline-block;
+  transition: transform 0.3s ease, background-color 0.3s
 }
 
 .intro_container button:hover {
-  background-color: white;
-  color: brown;
-  cursor: pointer;
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
 
 .about_us {
@@ -257,21 +261,23 @@ s
 }
 
 .mainhead button {
-  border: 2px solid brown;
+  text-decoration: none;
   font-size: 1.4rem;
-  padding: 7px;
-  border-radius: 10px;
-  font-family: "Bree Serif", serif;
-  margin-bottom: 50px;
   background-color: brown;
+  border: 3px solid rgb(224, 224, 252);
+  padding: 15px;
+  border-radius: 15px;
+  display: inline-block;
   color: white;
+  transition: transform 0.3s ease, background-color 0.3s
 }
 
 .mainhead button:hover {
-  border: 2px solid brown;
-  color: hsl(304, 14%, 46%);
-  background-color: #f2f2f2;
-  cursor: pointer;
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
 
 .menu_items {