From ce53855fe0ff3edda916ca37cce706748ee7b05e Mon Sep 17 00:00:00 2001
From: mohittk <mvk1407@gmail.com>
Date: Sun, 12 Dec 2021 10:09:02 +0530
Subject: [PATCH 1/2] fixed color & added hover to icon

---
 assets/css/style.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 723441a..1ad05d7 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -43,16 +43,20 @@ h6,
 }
 
 .card-icon{
-	background-color: #3498db;
+	background-color: #000000;
 	border-radius: 20px;
 	width: 40px;
 	height: 40px;
 	margin: 4%;
+	transition: all 0.2s ease-in-out;
 }
 .card-icon i{
 	color: wheat;
 	margin: 30%;
 }
+.card-icon:hover{
+	transform: scale(1.2);
+}
 
 /*--------------------------------------------------------------
 # Back to top button

From c80166479c44a52e1a884b2cb8c70ee83fad9901 Mon Sep 17 00:00:00 2001
From: mohittk <mvk1407@gmail.com>
Date: Sun, 12 Dec 2021 10:20:56 +0530
Subject: [PATCH 2/2] os icon animated

---
 assets/css/style.css | 21 +++++++++++++++++++++
 index.html           |  2 +-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 1ad05d7..f8fbb27 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -424,6 +424,27 @@ h6,
 	text-align: center;
 }
 
+.float{
+	animation: float 10s linear infinite;
+
+}
+
+@keyframes float {
+	0% {
+		transform: translateY(0px);
+		opacity: 1;
+	  }
+	  50% {
+		transform: translateY(-80px);
+		opacity: 1;
+	  }
+	  100% {
+		transform: translateY(0px);
+		opacity: 1;
+	  }
+	
+}
+
 #hero h2 {
 	color: #fff;
 	margin-bottom: 30px;
diff --git a/index.html b/index.html
index 76e25f5..54e7e2c 100644
--- a/index.html
+++ b/index.html
@@ -412,7 +412,7 @@
 						>
 							<img
 								src="img/icons8-open-source.svg"
-								class="img-fluid animated"
+								class="img-fluid animated float"
 								width="90%"
 								alt="About | IIITians Network | IIIT | Community | Indian Institute of Information Technology"
 							/>