body{margin:0;background-color:#1c1c1c;color:#fff;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#37669b,#4b89c4 35%,#c93e3e);flex-direction:row;gap:31px}h1{color:#000;font-size:40px;font-weight:extra-bold;letter-spacing:-5%;line-height:40px;font-family:Karla,sans-serif;margin-left:70px;font-weight:800;margin-top:-10px}h3{color:red;font-size:16px;text-align:left;font-weight:400;letter-spacing:-5%;line-height:20px;font-family:Inter,sans-serif;margin-top:-20px;margin-left:72px}.random-PW-box{display:flex;justify-content:center;align-items:left;flex-direction:column;color:#fff;width:550px;height:550px;background-image:linear-gradient(to bottom,#c9c9c9,#757474);border:2px solid #000000;border-radius:20px;box-shadow:0 0 20px #00000080}.genPW-btn{line-height:5%;height:42px;width:191px;color:#fff;background-color:#0e8706;padding:17px;font-size:1rem;margin-top:30px;font-family:Inter,sans-serif;font-weight:300;align-items:center;margin-left:55px;border:1px solid #0e8706;border-radius:8px;text-align:center;cursor:pointer;display:inline-block;margin-bottom:13px}.genPW-btn:hover{background-color:#1dd865;color:#fff;border:2px solid #1dd865}.showPW-input-box{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;gap:25px;line-height:42px}.span{display:flex;justify-content:center;align-items:center;width:191px;height:42px;margin-top:30px;border-radius:8px;text-align:center;color:#fff;padding:0 10px;background-color:#000;border:2px solid #6B7280;vertical-align:middle}hr{height:1px;background:#d5d4d8;border:none;width:82%}span{color:#0e8706}.btn-box{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-right:60px}#reset-btn{line-height:5%;height:42px;width:191px;color:#fff;background-color:#0e8706;border:2px solid #ffffff;font-size:1rem;margin-top:30px;font-family:Inter,sans-serif;font-weight:300;align-items:center;margin-left:35px;border:1px solid #0e8706;border-radius:8px;text-align:center;cursor:pointer;display:inline-block;margin-bottom:13px}#reset-btn:hover{background-color:#1dd865;color:#fff;border:2px solid #1dd865}.options-box{margin-left:42px}:root{--color-one: #52117d;--color-two: #a944ec;--color-three: #ffc800;--color-accent: #1dd865;--color-text: #fffed7;--color-bg: #181729}.lns-checkbox{margin-left:90px;margin-top:30px;display:inline-flex;color:var(--color-text);font-size:15px;font-weight:600;align-items:center;line-height:1;border-radius:5px;background-color:#010101;padding:5px 7px;-webkit-user-select:none;user-select:none}.lns-checkbox span{position:relative;display:flex;align-items:center}.lns-checkbox input[type=checkbox]{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.lns-checkbox input[type=checkbox]:checked+span:after{background-color:var(--color-accent)}.lns-checkbox input[type=checkbox]:checked+span{color:var(--color-accent)}.lns-checkbox input[type=checkbox]:focus+span:before{border-color:var(--color-accent)}.lns-checkbox input[type=checkbox]:disabled{opacity:.85}.lns-checkbox input[type=checkbox]:disabled+span{color:#9a9a88}.lns-checkbox span:before{content:"";display:inline-block;border-radius:3px;background-color:#414051;margin-right:8px;height:16px;width:16px;border:1px solid transparent}.lns-checkbox span:after{content:"";display:inline-block;height:12px;width:12px;border-radius:3px;background-color:transparent;left:3px;position:absolute}.lns-checkbox+.lns-checkbox{margin-left:95px}#passwordLength{width:60px;height:28px;border-radius:5px;background-color:#010101;color:#fff;font-size:12px;text-align:center;margin-left:125px}.copy-btn-box{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:180px;margin-top:30px}.copy-btn-box button{padding:10px;background-color:#0e8706;border:1px solid #0e8706;border-radius:8px;color:#fff}.copybtn:hover{background-color:#1dd865;border:1px solid #1dd865;border-radius:8px;color:#fff}#PW-Length-label{color:#000;margin-left:72px;margin-bottom:20px;font-weight:bolder;font-size:20px}input[type=password].key-cursor{cursor:url(/assets/key-icon-1458250405-DfDviWsW.png) 12 12,auto}@media(max-width:420px){body{width:80%;margin:auto}.random-PW-box{width:90%;padding:30px;height:auto;border-radius:16px;margin-left:60px}h1{font-size:26px;margin:0;text-align:center;line-height:32px}h3{font-size:14px;text-align:center;margin:10px 0 20px}#passwordLength{margin:0 auto;display:block}.lns-checkbox{margin:15px auto 0!important;display:block;width:fit-content}.genPW-btn,#reset-btn{width:100%;font-size:.9rem;padding:12px;white-space:nowrap}.showPW-input-box{flex-direction:column;gap:10px}.span{width:70%}.copy-btn-box{flex-direction:row;gap:40px}}