#password-strength {
    height: 10px;
    border-radius: 5px;
}

#password-strength .progress-bar {
    border-radius: 5px;
}

#password-strength .bg-danger {
    background-color: red;
}

#password-strength .bg-warning {
    background-color: orange;
}

#password-strength .bg-success {
    background-color: green;
}

#password-conditions .password-condition {
    margin-top: 2px;
    width: 50%;
    color: grey;
}

#password-conditions .password-condition.met {
    background-color: green;
    color: #fff;
}

#password-conditions p{
    margin-top: 5px;
    font-size: 22px;
}

form{
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.showhidepassword, .showhidepassword_again{
    transform: skew(-12deg);
    margin-left: 1em;
}

.dia_box {
  max-width: 100dvw;
  max-height: 100dvh;
  margin: auto;
}