*{margin:0;padding:0;box-sizing:border-box}.container{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:3rem}#display{background-color:#fbf5e5;padding-left:3rem;margin-top:2rem;margin-bottom:1rem;height:4rem;width:25rem;border:black}.parameters{background-color:#fbf5e5;display:flex;justify-content:center;margin-top:2rem;padding-left:2rem;flex-direction:column;width:25rem;height:18rem;margin-top:1rem;color:peru}label{margin-left:.5rem}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1.5px solid gray;border-radius:2px;cursor:pointer;outline:none}input[type=checkbox]:checked{background-color:#4caf50;border-color:#2e7d32}input[type=checkbox]:checked:before{content:"✔";color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}input[type=range]{width:22rem}#generate{background-color:#adff2f;color:#000;border:none;padding:.5rem 1rem;margin-top:1rem;cursor:pointer}#strength{display:flex;flex-direction:row;justify-content:space-between;height:2.5rem;width:22rem;background-color:#494242;color:#ff4d4d;margin-top:1rem;text-transform:uppercase;padding-top:.5rem;padding-left:.5rem}#length{display:flex;flex-direction:row!important;justify-content:space-start!important}.length-count{margin-left:14rem;color:#769b3f}#strength-bar{margin-right:.5rem}
