body {
    font-family: sans-serif;
    max-width: 800px;
    margin: auto;
}

h1 {
    text-align: center;
}

div {
    text-align: justify;
}

button {
    background: #dddddd;
    border: solid 1px;
    border-radius: 4px;
    padding: 2px 5px;
}

button.pending {
    background: #ffe057;
}

button.failed {
    background: #ff5d57;
}

button.ok {
    background: #65ff57;
}

td {
    text-align: center;
    padding: 5px 5px;
}

td:first-child {
    text-align: left;
}

tr:nth-child(odd) {
    background-color: #eeeeee;
}

th {
    padding: 5px 10px;
}

th:nth-child(2) {
    min-width: 100px;
}

th:nth-child(3) {
    min-width: 150px;
}

table, th, td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}

table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

div {
    margin-bottom: 20px;
}