.name {
    font-weight: bold;
    font-size: 1.2em;
}
.server {
    padding: 10px;
    margin: 5px;
    border: 2px inset;
    position: relative;
}

input {
    height: 2em;
    margin: 2px;
}

.blink, .debug {
    height: 2em;
    margin: 2px;
    padding: 0;
}
.repl.lbl, .debug { width: 20%; }
.repl.data, .event { width: 25%; }
.repl.msg, .text { width: 45%; }

.repl {
    display: inline-block;
    padding: 2px;
    margin: 2px;
}

.repl.data { border: 1px solid; }
.repl.msg { border: 1px solid; }

.connected {
    padding: inherit;
    display: block;
}