h1, p { text-align: center; }

/* without div class, all td's centered */

td { text-align: center; }

/* in tdc div class, all td's centered */

div.tdc td { text-align: center; }

/* in tdr div class, all td's right */

div.tdr td { text-align: right; }

/* in tdlr div class, first td left, rest of td's right */

div.tdlr td:first-child { text-align: left; }
div.tdlr td { text-align: right; }

body { font-family: sans-serif; text-align: center; }

textarea { display: block; margin-left: auto; margin-right: auto; }

table { margin-left: auto; margin-right: auto; }

/* only used for messages */

h2 { color: red; }

/* success or failure indications */

.success { color: blue; }
.failure { color: red; }
.neutral { color: black; }

.experimental { background: silver; }

a:link { color: black; }
a:visited { color: grey; }
a:hover { color: red; }
a:active { color: orange; }

div.circle {
    top: 124px;
    margin-left: 150px;
    outline: none;

    display: table-cell;
    padding: 40px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    word-break: break-word;
    justify-content: center;
    overflow: hidden;
}

input.emphasis {
    font: bold 14px sans-serif;
}