html {
    font-family: Roboto,"Helvetica Neue",Arial,sans-serif;
}
header {
    display: flex;
    align-items: center;
}

header .title{
    flex:1; 
    margin-left: 20px;    
}

.error {
    margin: 20px;
    padding: 10px;
    background: red;
    text-align: center;
}
table {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
}
table > * > * {
  border: 1px solid #ddd;
}
thead {
  position: sticky;
  top: 0;
  background-color: white;
}
th {
  vertical-align: bottom;
}
tbody tr:hover{
  background: #eee;
}