.password-box {
    font-family: monospace;
    font-size: 1.6rem;
    letter-spacing: 1px;
    text-align: center;
    min-height: 67px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.strength-bar {
    height: 8px;
}

.char-num   { color: gold; font-weight: bold; }
  .char-low   { color: hotpink; font-weight: bold; }
  .char-up    { color: dodgerblue; font-weight: bold; }
  .char-sym   { color: crimson; font-weight: bold; }

.strength-veryweak { color: crimson; }
.strength-weak     { color: orangered; }
.strength-medium   { color: orange; }
.strength-good     { color: dodgerblue; }
.strength-strong   { color: green; }