#transmission {
    width: 40%;
    align-items: center;
    padding-left: 20px;
    height: 720px;
}

#comm {
    height: 685px;
    width: 500px;
    border: 3px solid rgba(1, 13, 43);
    border-radius: 4px;
}

#messages {
    margin: 10px 10px;
    width: 472px;
    height: 92%;
}

#buttons {
    padding: 0px 10px;
    visibility: hidden;
    height: 0px;
}

#send_btn {
    width: 120px;
    margin-left: 10px;
    border: 2px solid #ddd;
    border-radius: 2px;
    background-color: rgb(4, 33, 105);
    color: #eee;
    font-family: Helvetica;
    font-weight: bold;
    cursor: pointer;
}

#comm > div.title {
    box-sizing: border-box;
    border: solid 3px rgba(1, 13, 43);
    border-radius: 4px;
    margin-left: -3px;
 
    background-color: rgba(1, 13, 43);
    text-align: center;
    width: calc(100% + 6px);
    height: 28px;
    font-family: Helvetica;
    font-weight: bold;
    color: #eee;
}

#messages > div {
    background-color: rgb(201, 128, 83);
    font-family: monospace;
    font-size: 10pt;
    border: solid 2px rgb(151, 54, 15);
    border-radius: 4px;
    filter: drop-shadow(5px 5px 3px #111);
    margin-bottom: 10px;
    padding: 8px 8px;
}

#messages > div.message_hdr {
    background-color: rgb(9, 122, 156);
    font-family: monospace;
    font-size: 10pt;
    border: solid 2px rgb(0, 48, 80);
    border-radius: 4px;
    filter: drop-shadow(5px 5px 3px #111);
    margin-bottom: 10px;
    padding: 8px 8px;
}

pre.hexdump {
    margin-top: 0px;
    margin-bottom: 0px;
}