adds shadow to red logo

Author: Aditya-Chandrn

index.html

@@ -133,7 +133,14 @@
         <div id="header-content" class="container" itemscope="itemscope" itemtype="http://schema.org/Event">
 
           <div class="wow animated fadeInDown" style="margin-top: 50px;">
-            <img class="home-screen-logo" src="./static\logos\logo_full_red.png" style="height: 8vh;" alt="KJSCE CodeCell">
+            <div class="home-screen-logo">
+              <div class="red-logo">
+                <img src="./static\logos\logo_full_red.png" style="height: 8vh;" alt="KJSCE CodeCell">
+              </div>
+              <div class="blue-logo">
+                <img src="./static\logos\logo-full-blue.png" style="height: 8vh;" alt="KJSCE CodeCell">
+              </div>
+            </div>
           </div>
 
 

static/logos/logo-full-blue.png

@@ -12145,13 +12145,33 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
   font-size: 15px;
 }
 
+.home-screen-logo{
+  height: 6vh;
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+
+.red-logo {
+  position: absolute;
+  top: -10%;
+  z-index: 2;
+}
+.blue-logo {
+  position: absolute;
+  z-index: 1;
+}
+
 /* for smaller screen make sure the home screen logo does not overflow */
 @media only screen and (max-width: 377px) {
   .home-screen-logo {
     height: 6vh !important;
+    position: relative;
   }
+  
 }
 
+
 @media only screen and (max-width: 370px) {
   .main-menu {
     padding: 0 0 37px 0;