styling enhancement

activities.css

@@ -297,3 +297,9 @@ button {
    button:focus:not(:focus-visible) {
     outline: none;
    }
+#prayer_img{
+    width: 500px;
+    max-width: 100%;
+    height: 275px;
+    border-radius: 15px;
+}

activities.html

@@ -84,7 +84,7 @@ <h1 class="title">Connect with nature</h1>
       </div>
     <div class="activity-container">
         <div class="image-container">
-          <img src="https://gurukul.org/wp-content/uploads/2023/02/From-my-hands-to-his-heart.png" alt="Connect with nature">
+          <img src="praying-image.png" alt="Connect with nature"id="prayer_img">
         </div>
         <div class="content-container">
           <h1 class="title">Prayer</h1>

faq.css

@@ -22,6 +22,7 @@ h1 {
     color: #333;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
     margin-top: 10px;
+    margin-top:400px;
     margin-bottom: 70px;
     font-weight: 700;
     font-size: 2rem;

feedback.css

@@ -66,7 +66,17 @@ html {
 button{
     width: 100px;
     height: 40px;
+    margin-top: 1rem;
+    background-color: #f8bea7;
+    color: #333;
+    border: none;
+    border-radius: 5px;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    transition: background-color 0.3sease;
+
 }
+
 a{
     text-decoration: none;
     color: black;
@@ -76,10 +86,13 @@ a{
    background-color: white;
 }
 button:hover{
-    background-color: #E5A186;
-    color: white;
+    /* background-color: #E5A186; */
+    background-color: #e5a186;
+    border-radius: #e5a186;
+    /* color: white; */
     border: none;
     border-radius: 4px;
+
 }
 
 /* ========================

styles.css

@@ -633,4 +633,4 @@ nav {
 #username,#password,#signup-username,#signup-name,#signup-password,#signup-confirm-password{
   height: 3rem;
   padding-left: 1rem;
-}
+}