body {
  font-family: sans-serif;
  margin: 0px;
  padding: 0px;
}

header {
  .container {
    background-color: #123;
    height: 50px;
    padding: 5px;
    margin: 0px;
    color: white;
  }
  nav {
    .container {
      background-color: #ABC;
      font-size: 1.3em;
      height: 30px;
      a {
        color: black;
        text-decoration: none;
        padding: 3px 5px 3px 5px;
        border-radius: 5px;
        
        &:hover {
          background-color: #123;
          color: white;
        }
      }
    }
    
  }
  
}

#content {
  font-family: sans-serif;
  margin-left: 10px;
}

table {
  
  border-collapse: collapse;
  min-width: 450px;
  
  tr {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #333;
    
    &:first-child {
      border-bottom-style: none;
    }
    
    &:hover {
      background-color: #ABC;
    }
    
    th {
      background-color: #123;
      color: white;
      font-size: 1.2em;
      padding: 3px 5px 3px 5px;
    }
    
    td {
      padding: 3px 5px 3px 5px;
    }
  }
  
}