.clem {
/*  border: 3px solid blue; */
  margin-right: 10px;
  position: relative;
  background-color: lightblue;
  padding-left: 3em;
  padding-right: 3em;
  box-shadow: 4px 4px darkgray;
  transition: all 0.1s ease-in-out;
}

.clem:active {
    top: 2px;
    box-shadow: 2px 2px darkgray;
}

.clem a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none; /* No underlines on the link */
  z-index: 10; /* Places the link above everything else in the div */
  background-color: #FFF; /* Fix to make div clickable in IE */
  opacity: 0; /* Fix to make div clickable in IE */
  filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

span.clickable {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8,
     make sure you have an empty gif */
  background-image:  url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==")
}

.league-spartan-1 {
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}