body {
    background-color: black;
    color: blanchedalmond;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

h1 div {
    width: 128px;
    margin: 0 auto;
    display: block;
}

h2,
h3 {
    text-align: center;
}

ul.linkbar {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

ul.linkbar li {
    display: inline;
    padding: 0 1em;
    margin: 0 auto;
    width: 10%;
    white-space: nowrap;
}

ul.linkbar li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

ul#cfg {
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    width: 80%;
}

ul#cfg li {
    display: block;
    white-space: nowrap;
    margin: .2em;
    padding: .2em;
    float: left;
}

div#messages {
    height: 12em;
}

table#messageList {
    margin: auto;
    border-collapse: collapse;
}

table#messageList tr {
    height: 1.2em;
    border-bottom: 1px solid black;
}

td.url {
    font-family: monospace;
    font-size: .8rem;
    text-align: right;
}

td.timestamp {
    padding-left: .4em;
    color: rgba(255, 255, 255, 0.3);
    font-size: .6rem;
    text-align: right;
}

a {
    color: steelblue;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#control-form {
    font-size: .8rem;
}

#url-container {
    display: flex;
    justify-content: center;
    margin: 1em 0;
    font-size: 1.1em;
}

#copy-button {
    margin-left: 1em;
}

#clear,
#toggle {
    font-size: .8em;
}

input[type="checkbox" i] {
    width: .6em;
    height: .6em;
}