diff --git a/site/client/app/views/lobby.html b/site/client/app/views/lobby.html
index f41804b..6d48ee7 100644
--- a/site/client/app/views/lobby.html
+++ b/site/client/app/views/lobby.html
@@ -2,6 +2,8 @@
   .card {
     float: left;
     border-radius: 12px;
+    position: relative;
+    z-index: 10;;
   }
 
   .bla {
@@ -9,8 +11,43 @@
     float: left;
     border-radius: 14px;
     margin: 100px;
+    position: relative;
   }
 
+  /*.shadow {
+    border-radius: 40%;
+    box-shadow: 0 0 30px 10px #ffa500;
+    content: "";
+    height: calc(100% - 40px);
+    left: 10px;
+    position: absolute;
+    width: calc(100% - 20px);
+    z-index: 1;
+    transition: all 0.3s ease-in-out 0s;
+
+    -webkit-animation: Shadow 2s ease infinite;
+    -moz-animation: Shadow 2s ease infinite;
+    animation: Shadow 2s ease infinite;
+  }*/
+
+  .shadow {
+    border-radius: 50%;
+    box-shadow: 0 0 15px 14px #ffa500;
+    content: "";
+    height: calc(100% - 40px);
+    left: 10px;
+    position: absolute;
+    width: calc(100% - 20px);
+    z-index: 1;
+    top: 20px;
+    transition: all 0.3s ease-in-out 0s;
+
+    -webkit-animation: Shadow 4s ease-in-out infinite;
+    -moz-animation: Shadow 4s ease-in-out infinite;
+    animation: Shadow 4s ease-in-out infinite;
+  }
+
+
   .ani {
     background: linear-gradient(2deg, #ffa500, #ffd68b, #ffa500, #ffa500);
     background-size: 800% 800%;
@@ -21,6 +58,102 @@
 
   }
 
+  @-webkit-keyframes Shadow {
+    0% {
+      opacity: 0;
+    }
+    25% {
+      opacity: .5;
+    }
+    50%{
+      opacity: 1;
+    }
+    75% {
+      opacity: .5;
+    }
+    100%{      opacity: 0;
+    }
+  }
+
+  @-webkit-keyframes Shadow {
+    0% {
+      opacity: 0;
+    }
+    25% {
+      opacity: .5;
+    }
+    50%{
+      opacity: 1;
+    }
+    75% {
+      opacity: .5;
+    }
+    100%{      opacity: 0;
+    }
+  }
+
+  @keyframes Shadow {
+    0% {
+      opacity: 0;
+    }
+    25% {
+      opacity: .5;
+    }
+    50%{
+      opacity: 1;
+    }
+    75% {
+      opacity: .5;
+    }
+    100%{      opacity: 0;
+    }
+  }
+
+  /*@-webkit-keyframes Shadow {
+    0% {
+      top: 10px;
+      box-shadow: 0 10px 30px 10px #ffa500;
+    }
+    25%{top: 20px}
+    50%{
+      top: 30px;
+      box-shadow: 0 -10px 30px 10px #ffa500;
+    }
+    75%{top: 20px}
+    100%{top: 10px;
+      box-shadow: 0 10px 30px 10px #ffa500;
+    }
+  }
+  @-moz-keyframes Shadow {
+    0% {
+      top: 10px;
+      box-shadow: 0 10px 30px 10px #ffa500;
+    }
+    25%{top: 20px}
+    50%{
+      top: 30px;
+    box-shadow: 0 -10px 30px 10px #ffa500;
+    }
+    75%{top: 20px}
+    100%{top: 10px;
+      box-shadow: 0 10px 30px 10px #ffa500;
+    }
+  }
+  @keyframes Shadow {
+    0% {
+      top: 10px;
+      box-shadow: 0 10px 30px 10px #ffa500;
+    }
+    25%{top: 20px}
+    50%{
+      top: 30px;
+    box-shadow: 0 -10px 30px 10px #ffa500;
+    }
+    75%{top: 20px}
+    100%{top: 10px;
+      box-shadow: 0 10px 30px 10px #ffa500;
+    }
+  }*/
 
   @-webkit-keyframes AnimationName {
     0%{background-position:51% 0%}
@@ -41,6 +174,7 @@
 
   <div class="bla ani">
     <img src="http://80.240.132.120/gwent/assets/cards/ballista1.png" class="card" width="150" height="auto">
+    <div class="shadow"></div>
   </div>
 
 </div>
\ No newline at end of file