From 23d041ded56eedeece9ec240b1e0e28d5f1794e3 Mon Sep 17 00:00:00 2001
From: Ananta <chatterjeeanata091@gmail.com>
Date: Sat, 7 Oct 2023 01:10:30 +0530
Subject: [PATCH] First commit

---
 css/style.css | 21 +++++++++++++++++++--
 index.html    |  2 +-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 1fcf60c..16a0ebe 100644
--- a/css/style.css
+++ b/css/style.css
@@ -44,13 +44,24 @@ body {
 }
 
 .col{
-  flex: 50%
+  /* flex: 50% */
+  display: flex;
+  flex: 50%;
 }
 
+.add-col{
+  margin-left: 25px;
+}
+.add-col:hover{
+  background-color: rgb(61, 59, 59);
+  transform: scale(1.1);
+  transition: transform 0.5s ease-in-out;
+}
 h1 {
   padding: 20px;
   font-size: 36px;
   font-family: "PT Serif", serif;
+  
 }
 
 .container {
@@ -72,16 +83,22 @@ h1 {
 
 .profile {
   background-color: var(--clr-secondary);
+  border: 1px solid black ;
+  box-shadow: 3px 3px 2px 2px rgb(141, 139, 139);
   border-radius: 10px;
   padding: 20px;
   margin: 20px;
   width: calc(33.33% - 40px);
   text-align: center;
-  transition: background-color 0.3s ease;
+  /* transition: background-color 0.3s ease; */
+  transform: scale(1.0);
+  transition-duration: 1s;
 }
 
 .profile:hover {
   background-color: var(--clr-profile-hover);
+  transform: scale(1.1);
+  transition: transform 0.5s ease-in-out;
 }
 
 .pfp img {
diff --git a/index.html b/index.html
index a0a1fd7..a1a1cf6 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@ <h1 class="col">Dev Profiles</h1>
         <input type="text" id="searchInput" placeholder="Search by name or skill...">
     </div>
 
-    <button class="add col"
+    <button class="add-col"
         onclick='window.open("https://github.com/oyepriyansh/DevProfiles","_blank")'"><span>Add your Profile &nbsp;</span><i class="
         fa-sharp fa-solid fa-user-plus"></i> </button>
     <div id="no-profile"> No Profile Found </div>