From a2c3354611a1e58b2020c411c70d09cf384a5cd2 Mon Sep 17 00:00:00 2001
From: Soumya6Tiwari <soumyaecc6@gmail.com>
Date: Thu, 25 Jan 2024 02:06:10 +0530
Subject: [PATCH] The changes that I made are as follows: 1) Changed all the
 clickable link color to blue so as to distinguish it from the rest. 2) Added
 the background color as yellow while hovering across the clickable links.
 3)Enhanced the headings by making it bold and underlined. 4) Enhanced the
 subheadings by adding little CSS to it and making it look beautiful.

---
 index.html |  2 +-
 style.css  | 42 +++++++++++++++++++++++++++++++++---------
 2 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index c8cc2738b..242d8697d 100644
--- a/index.html
+++ b/index.html
@@ -268,7 +268,7 @@ <h4>Step 2</h4>
           <a class="hover-link" href="./Pages/Simulation/index.html"
             >Refer Simulations & 3D visualizations</a
           >
-          <p>
+          <p>  
             Test interfaces, interaction flows, iconography and more, to help
             you create intuitive and delightful experiences for your users.
           </p>
diff --git a/style.css b/style.css
index ca7f7d4ed..d0a042281 100644
--- a/style.css
+++ b/style.css
@@ -55,6 +55,10 @@ h1 {
 }
 
 h2 {
+	font-weight: bolder;
+	text-decoration: underline;
+	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+	font-family: 'Climate Crisis', sans-serif;
 	font-size: 2rem !important;
 	z-index: -10;
 	position: relative;
@@ -62,6 +66,15 @@ h2 {
 
 h3 {
 	font-size: 1.5rem;
+	color:rgb(15, 15, 182);
+	font-weight: 500;
+}
+h4{
+	color: #ce0a0a;
+	font-size: large;
+	text-decoration: underline;
+	font-weight: 600;
+	/* border: 2px black solid ; */
 }
 
 p {
@@ -71,16 +84,25 @@ p {
 	line-height: 1.8rem;
 	z-index: -10;
 	position: relative;
+	text-indent: 0vw;
 }
 
-a {
+.hover-link{
 	text-decoration: none;
 	display: inline-block;
 }
 
+a:link{
+	color: blue;
+
+	
+}
+a:hover{
+	background-color:yellow;
+}
 ul {
 	list-style: none;
-}
+} 
 
 /* utility classes */
 
@@ -121,16 +143,18 @@ ul {
 }
 
 
-.primary-button {
-	background-color: var(--accent-color);
-	border-radius: 6px;
-	font-weight: 700;
+ .primary-button { 
+	 background-color: var(--accent-color);
+	  /* border-radius: 6px; */
+	 font-weight: 500;
 	color: white !important;
-	padding: 12px 24px;
+	padding: 3px 10px; 
 	box-shadow: 0 0 2px var(--secondary-text-color);
 	transition: 0.2s ease-out;
-	text-align: center;
-}
+	text-align: left; 
+
+
+ } 
 
 .primary-button:hover {
 	background-color: var(--accent-color-dark);