.joom:hover {
animation: shake 4s;
animation-iteration-count: infinite;
}

@keyframes shake {
  11.1% {
    transform: none
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    transform: none
  }
}

/* sidebar hover & active */
ul.nav.sidebar-nav li.active,
ul.nav.sidebar-nav li:hover{
    border-bottom: 2px solid #b60e0a;
}
ul.nav.sidebar-nav li a{
    color:#ffffff;
}
ul.nav.sidebar-nav li.active a,
ul.nav.sidebar-nav li.active a:hover{
    color:#b60e0a;
}

.strokeme
{
text-shadow:
-1.5px -1.5px 0 darkred,
1.5px -1.5px 0 darkred,
-1.5px 1.5px 0 darkred,
1.5px 1.5px 0 darkred;
}

@font-face {
  font-family: "adlib";
  src: url('../fonts/Adlib-Regular.ttf');
}

@media screen and (max-width: 600px) {  
  .banner-wrapper {
      height: 30px;
  }

  .banner-wrapper h1 {
    font-size: 25px;
  }
}