body {
  background-color: #f5f5f5;
}

#login-box {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.navbar .navbar-brand {
  font-weight: 700;
  text-shadow: #fff4 3px 3px 8px;
  text-transform: uppercase;
}

#unicorn {
  width: 100%;
  height: 4px;
}

#unicorn > div {
  width: 20%;
  height: 100%;
  float: left;
}

#unicorn > div.cyan   { background-color: #11b5d5; }
#unicorn > div.green  { background-color: #3bae15; }
#unicorn > div.yellow { background-color: #f59400; }
#unicorn > div.orange { background-color: #eb5400; }
#unicorn > div.red    { background-color: #df0221; }

#push-glow img {
  opacity: 0.8;
  animation: opacity 1s infinite alternate ease-in-out;
}

@keyframes opacity {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 0.3;
  }
}

/* Medium to large devices */
@media (min-width: 768px) {
  #login-box, #login-head {
    max-width: 340px;
  }
}