*{font-family:Arial}.App{display:flex;justify-content:center;margin-top:50px}.container{background-color:#24232b;padding:24px}.header{color:#fff;display:flex;justify-content:space-between;font-size:20px;font-weight:700;padding-bottom:20px}button{padding:10px;border-radius:5px;border:none;background-color:#ff0;color:#000;text-transform:uppercase;font-weight:700;cursor:pointer}.copyBtn{height:30px;font-size:10px}.charlength{display:flex;flex-direction:column;color:#fff;font-size:20px;font-weight:700;padding-bottom:24px}.charlength span{width:100%;padding-bottom:24px}.checkboxes{display:grid;grid-template-columns:auto auto;font-size:16px;font-weight:700;color:#fff}.checkboxes div{display:flex;gap:5px;padding-bottom:25px}.generateBtn{width:100%;font-size:20px;padding:20px}.errorMessage{color:red;padding-bottom:5px}.password-strength{width:100%;padding-bottom:12px;color:#fff}@media screen and (min-width: 767px){.container{width:700px;height:350px}}@media screen and (min-width: 1024px){.container{width:900px;height:350px}}