body{margin:0;padding:0;background-color:#252322}.heading{display:flex;justify-content:center;margin-top:1.5%;width:100%}.heading div{width:auto;font-size:3rem;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#9acd32;text-shadow:0 0 3px rgb(36,128,0)}.description,.note{display:flex;justify-content:center;margin-top:3%}.description div,.note div{width:85%;font-size:1.5rem;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#8a9c64;text-shadow:0 0 1px rgb(68,75,39)}.password-container{display:flex;justify-content:center;margin-top:4%;gap:1%}.password-container input{height:3rem;width:30%;font-size:1.5rem;padding-left:2%;border-radius:10px;border:none;outline:none;box-shadow:0 0 10px #9acd32;transition:.1s ease}.password-container button{height:3rem;width:6.5rem;font-size:1rem;font-weight:600;border-radius:5px;border:none;color:#003747;text-shadow:0 0 2px rgb(217,255,0);background-color:#a0cf74}.password-container button:hover{cursor:pointer;color:#00008b;background-color:#6dad30}.length-container{display:flex;justify-content:center;margin-top:3%;width:100%}.length-container div{font-size:1.7rem;font-weight:500;margin-right:7px;color:#9acd32;align-items:center}.length-container input{width:1.7rem;height:2rem;font-size:1.2rem;padding-left:1%;padding-right:1%;text-align:center;border:none}.length-container button{width:2rem;font-size:1rem;font-weight:600;background-color:#ccee87;border:none}.length-container button:hover{cursor:pointer;color:#00008b;background-color:#6dad30}.length-error-message{display:flex;justify-content:center;font-size:1.2rem;margin-top:.5%;color:red}.checkbox-container{display:flex;justify-content:center;margin-top:3%;width:100%;gap:2%}.checkbox-container label{font-size:1.5rem;color:#9acd32;font-weight:500}.checkbox-container label input{transform:scale(1.5);margin-right:.5rem;cursor:pointer}@media screen and (max-width: 768px){.heading div{font-size:2.2rem}.description div,.note div{font-size:1.2rem;width:90%}.password-container{flex-direction:column;align-items:center}.password-container input{font-size:1.7rem;width:80%}.password-container button{font-size:1.5rem;width:80%;margin-top:10px}.password-container button:focus{color:#00008b;background-color:#6dad30}.length-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.length-container button,.length-container input{width:2rem;height:2rem;padding:0;outline:none;text-align:center}.length-container button:focus{color:#00008b;background-color:#6dad30}.length-container div{margin-bottom:10px;text-align:center}.checkbox-container{flex-direction:column;align-items:center;gap:10px}}@media screen and (max-width: 480px){.heading div{font-size:1.7rem}.description div,.note div{font-size:1.2rem;width:95%}.password-container input{font-size:1.4rem;height:2.5rem}.password-container button{font-size:1.2rem;height:2.5rem}.length-container div{font-size:1.2rem}.checkbox-container label{font-size:1.1rem}}