styles.css

.container {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.display-container {
    border: 3px solid rgb(10, 169, 255);
    padding: 6px;
    border-radius: 10px;
    background-color: rgb(129, 255, 71);
}


.length-container {
    display: flex;
    gap: 50px;
    border: 3px solid rgba(0, 157, 255, 0.848);
    border-radius: 1rem;
    padding-left: 10px;
    background: linear-gradient(90deg,rgb(0, 255, 115),rgb(0, 221, 255));
}

.input-container {
    border: 4px solid yellowgreen;
    padding: 15px;
    border-radius: 1rem;
    background:linear-gradient(red,rgb(0, 153, 255))
}

.strength-container {
    display: flex;
    align-items: center;
    gap: 105px;

}

.dti {
    border: 3px solid green;
    width: 15px;
    height: 15px;
    border-radius: 100px;
}