💅 style(): fixed developers page

need more tweaking

Author: utkrshift

assets/alok.jpg

@@ -12,21 +12,27 @@ body {
   display: flex;
   justify-content: center;
   align-items: center;
-  background: #111;
+  background: url(./assets/background.png);
   transition: 0.5s;
   font-family: "Ubuntu", sans-serif;
   font-weight: 400;
   font-style: normal;
 }
 
 body:has(.box[data-color="clr1"]:hover) {
-  background: #754ffe;
+  background: url(./assets/eshanized.png);
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 body:has(.box[data-color="clr2"]:hover) {
-  background: #301a15;
+  background: url(./assets/alok.jpg);
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 body:has(.box[data-color="clr3"]:hover) {
-  background: #1b2a32;
+  background: url(./assets/iconixed.jpg);
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 
 section {

assets/eshanized.png

@@ -26,8 +26,8 @@ <h3>Eshan Roy<br />
                     <img src="https://avatars.githubusercontent.com/u/112468319?v=4" alt="The Mummy"> 
                 </div> 
                 <div class="glass"> 
-                    <h3>The Mummy<br />
-                        <span>Undead</span>
+                    <h3>Alok Shah<br />
+                        <span>Web-Dev</span>
                     </h3> 
                     <ul> 
                         <a href="https://en.wikipedia.org/wiki/Mummy_(undead)" target="_blank"> <ion-icon name="globe-outline"></ion-icon> </a> 
@@ -36,11 +36,24 @@ <h3>The Mummy<br />
             </div> 
             <div class="box" data-color="clr3"> 
                 <div class="imgBox"> 
-                    <img src="https://cdn.pixabay.com/photo/2023/09/21/13/32/ai-generated-8266689_1280.jpg" alt="Werewolf"> 
+                    <img src="https://avatars.githubusercontent.com/u/157954129?v=4" alt="Werewolf"> 
                 </div> 
                 <div class="glass"> 
-                    <h3>Werewolf<br />
-                        <span>Lycanthrope</span>
+                    <h3>Iconized<br />
+                        <span>Developer</span>
+                    </h3> 
+                    <ul> 
+                        <a href="https://en.wikipedia.org/wiki/Werewolf" target="_blank"> <ion-icon name="globe-outline"></ion-icon> </a> 
+                    </ul> 
+                </div> 
+            </div> 
+            <div class="box" data-color="clr3"> 
+                <div class="imgBox"> 
+                    <img src="https://avatars.githubusercontent.com/u/157954129?v=4" alt="Werewolf"> 
+                </div> 
+                <div class="glass"> 
+                    <h3>Utkarsh Gaur<br />
+                        <span>Developer</span>
                     </h3> 
                     <ul> 
                         <a href="https://en.wikipedia.org/wiki/Werewolf" target="_blank"> <ion-icon name="globe-outline"></ion-icon> </a>