html {
  min-height: 100%;
  background: radial-gradient(ellipse farthest-corner at center top, #414345, #232526);
  font-family: sans-serif; }

body {
  width: 1200px;
  margin: 0 auto; }

h1 {
  color: #FFF; }

nav {
  margin: 10px 0;
  border: 1px solid #666;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background: linear-gradient(#FFF, #EEE);
  color: #000;
  font-size: 20px; }
  nav a {
    padding: 15px;
    display: inline-block;
    color: inherit;
    text-decoration: inherit;
    transition: color 0.2s linear; }
    nav a:hover {
      color: #21c680; }
    nav a.active {
      color: #16aba6; }

section {
  padding: 5px 15px;
  border-radius: 4px;
  background: #FFF; }

table {
  width: 400px;
  float: left;
  border-collapse: collapse;
  background: #FFF; }
  table tr:nth-child(even) {
    background: #EEE; }
  table tr.link {
    cursor: pointer; }
    table tr.link:hover {
      background: #93EDC7; }
    table tr.link.active {
      background: #1CD8D2; }
  table thead {
    border-bottom: 1px solid #888; }
  table td, table th {
    padding: 10px 5px;
    border: none; }

/*# sourceMappingURL=test-app.css.map */