/*  demo page CSS for evol.colorpicker  */
/*  https://github.com/evoluteur/colorpicker */
body {
  padding: 10px 20px;
  font-size: 11pt;
  font-family: "Century Gothic", arial;
  color: #777;
  font-weight: 300;
}
a {
  color: #39C;
  font-weight: 400;
}
a:hover {
  color: #FF9900;
}
a.sel {
  color: #000;
  text-decoration: none;
}
#github {
  position: absolute;
  right: 30px;
  top: 7px;
}
@media only screen and (max-width: 465px) {
  #github {
    display: none;
  }
}
.colorPanel {
  float: left;
  border: 2px solid #A7C8E2;
  margin: 4px 3px;
  padding: 10px;
  width: 212px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.colorPanel input {
  width: 100px;
}
.footer {
  text-align: center;
  font-size: smaller;
  color: Gray;
}
