header {
    display: flex;
    align-items: center;
    align-content: center;

    width: 100%;

    padding-bottom: 0.833em;
    border-bottom: 1px solid;
    margin-bottom: 0.833em;
}


header div a {
    text-decoration: none;
    color: inherit;
}


header form {
    max-width: 600px;
    width: 100%;

    margin-left: 0.5em;
    margin-right: 0.5em;
}


header form input {
    width: 100%;
}


header > div {
    margin-right: 0.5em;
}

footer {
    margin-top: 0.833em;

    display: flex;
    justify-content: space-between;
}


footer form {
    display: inline;
}


footer button {
    font-size: 0.833em;
}


footer button:nth-child(1) {
    margin-right: 0.833em;
}


footer button:nth-child(2) {
    margin-left: 0.833em;
}


table {
    width: 100%;
}


th {
    font-weight: bold;
    text-align: left;
}


tbody td, thead th {
    padding-left: 0.833em;
    padding-right: 0.833em;

    white-space: nowrap;
}


thead th:nth-child(1) {  /* magnet link */
    width: 12px;
}


thead th:nth-child(2) {  /* name */
    max-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}


thead th:nth-child(3) {  /* size */
    width: 75px;
}


tbody td:nth-child(3n+0) {
    text-align: right;
}


thead th:nth-child(4) {  /* discovered on */
    width: 120px;
}

tbody tr:nth-child(2n+2) {
    background-color: #efefef;
}


/* table in-borders */
table {
    border-collapse: collapse;
}

table td, table th {
    border-right: 1px solid black;
}

table tr:first-child th {
    border-top: 0;
}

table tr:last-child td {
    border-bottom: 0;
}

table tr td:first-child,
table tr th:first-child {
    border-left: 0;
}

table tr td:last-child,
table tr th:last-child {
    border-right: 0;
}


