.Short {
    width: 100%;
    background-color: #dc3545;
    margin-top: 5px;
    height: 2px;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.Weak {
    width: 100%;
    background-color: #ffc107;
    margin-top: 5px;
    height: 2px;
    color: #ffc107;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.Good {
    width: 100%;
    background-color: #28a745;
    margin-top: 5px;
    height: 2px;
    color: #28a745;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.Strong {
    width: 100%;
    background-color: #6900c7;
    margin-top: 5px;
    height: 2px;
    color: #6900c7;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 30px;
}