html {
    width: 250px;
    margin: auto;
}

body {
    margin: 20px;
    color: #000000;
    font-family: "courier-std", courier, monospace;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffff;
    outline-width: 12;
    outline-color: #1c3363;
    line-height: 1;
}

img {
    vertical-align: bottom;
    margin-right: 6px;
}

p {
    line-height: 0px;
    text-indent: 8px;
}

.content {
    border: 2px solid #1c3363;
    color: #ffffff;
    margin-top: -4px;
}

.button {
    border: 2px solid #c58b03;
    padding: 4px;
    color: #000000;
    background-color: #fff700;
    margin: auto;
    width: 84px;
    text-align: center;
    margin-top: 4px;
}

.top {
    background-color: #355596;
    padding: 4px;
    vertical-align: middle;
    color: #ffffff;
}

.high {
    background-color: #a1a1a1;
    padding: 4px;
    vertical-align: middle;
    color: #000000;
}

.low {
    background-color: #d6d6d5;
    padding: 4px;
    vertical-align: middle;
    color: #000000;
}

.secret {
    user-select: none;
}

lblue {
  color: #6691e6;
}

cgray {
  color: #d6d6d5;
}

lgray {
  color: #6f6f6f;
}

dgray {
  color: #a1a1a1;
}