@import url(http://weloveiconfonts.com/api/?family=entypo);

[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

body {
  background:#ecf0f1;
}

#colors {
  height:50px;
  width:320px;
  background:#fff;
  box-shadow:
    280px 2px 0 #c0392b,
    240px 2px 0 #e74c3c,
    200px 2px 0 #e67e22,
    160px 2px 0 #f1c40f,
    120px 2px 0 #27ae60,
    80px  2px 0 #3498db,
    40px  2px 0 #9b59b6,
    0     2px 0 #34495e
  ;
}

nav {
  position:relative;
  width:320px;
  height:52px;
  overflow:hidden;
  margin:130px auto;
  box-shadow:0 1px 2px #ddd;
}

nav ul {
  width:320px;
  position:absolute;
  top:0;
}

nav ul li {
  display:inline-block;
  margin-right:-5px;
  width:81px;
  text-align:center;
  line-height:50px;
  font-size:26px;
  box-shadow:inset -1px 0 0 #999;
  transition:.3s;
  cursor:pointer;
  height:50px;
  color:#999;
}

nav ul li:last-child {
  box-shadow:none;
}

nav ul li:hover {
  background:#999;
  color:#fff;
}

nav ul li:hover > a {
  color:#fff;
}

a {
  text-decoration:none;
  color:#999;
}