@font-face {
    font-family: 'Open Sans Condensed', sans-serif;
    src: url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap);
    font-display: swap;
}

span{
    font-family: 'Open Sans Condensed', sans-serif;
}

.password-strength-message{
    display: inline-block;
    padding-left: 5px;
}

.very-weak{
    color: #ff0000;
    background-color: whitesmoke;
    padding: 5px;
}

.weak{
    color: #fd397a;
    background-color: whitesmoke;
    padding: 5px;
}

.mediocre{
    color: #ff8f00;
    background-color: whitesmoke;
    padding: 5px;
}

.strong{
    color: #008000;
    background-color: whitesmoke;
    padding: 5px;
}

.awesome{
    color: #5867dd;
    background-color: whitesmoke;
    padding: 5px;
}