#nav {
      width: 100%;
      float: left;
      margin: 0 0 1.5em 0;
      padding: 0;
      list-style: none;
      background-color: #2E2E1F;
      background-image: -webkit-linear-gradient(top, #2E2E1F, #000000); /* For Chrome and Safari */
      background-image: -moz-linear-gradient(top, #2E2E1F, #006600); /* For old Fx (3.6 to 15) */
      background-image: -ms-linear-gradient(top, #2E2E1F, #006600); /* For pre-releases of IE 10*/
      background-image: -o-linear-gradient(top, #2E2E1F, #006600); /* For old Opera (11.1 to 12.0) */
      background-image: linear-gradient(to bottom, #2E2E1F, #000000); /* Standard syntax; must be last */
      border: 0; }
#nav li {
      float: left; }
#nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      font-size: 2.4rem;
      color: #fff;
      border-right: 2px solid #000000; }
#nav li a:hover {
      color: #000000;
      background-color: #0066FF; }
#nav li a.active {
      background-color: #0066FF;
      background-image: -webkit-linear-gradient(top, #0066FF, #006699); /* For Chrome and Safari */
      background-image: -moz-linear-gradient(top, #0066FF, #006699); /* For old Fx (3.6 to 15) */
      background-image: -ms-linear-gradient(top, #0066FF, #006699); /* For pre-releases of IE 10*/
      background-image: -o-linear-gradient(top, #0066FF, #006699); /* For old Opera (11.1 to 12.0) */
      background-image: linear-gradient(to bottom, #0066FF, #006699); /* Standard syntax; must be last */

      color: #fff;
      cursor: default; }
.centre {
    margin: auto;
    width: 60%;
    padding: 10px;
    text-align: center; }
#card {
  border: 1px solid #DDDDCC;
  padding: 0.5em; }