body{margin:0;text-align:center;background-color:#1c1c1c;display:flex;flex-direction:column;align-items:center}.outline{margin:50px}#container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:50px;min-height:70vh;width:34.37rem;background-color:#1f2937;border-radius:2em}#settings{padding:1em 0;display:flex;flex-direction:column;justify-content:space-between}#setting-pw-length{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:3em}#pw-length-btns{display:flex;justify-content:space-around;align-items:center;gap:1em}#select-boxes{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:3rem}#select-boxes-input{display:flex;flex-direction:row;justify-content:space-between;margin-left:-2em}#select-boxes-input label{margin-right:.5em}#uppercase-el,#lowercase-el,#numbers-el,#characters-el{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2em;height:1.2em;border:2px solid #9ca3af;border-radius:.3em;margin-right:.5em;cursor:pointer;position:relative;background-color:#1f2937;transition:background-color .3s,border-color .3s}#uppercase-el:checked,#lowercase-el:checked,#numbers-el:checked,#characters-el:checked{background-color:#6d28d9;border-color:#6d28d9}#uppercase-el:checked:after,#lowercase-el:checked:after,#numbers-el:checked:after,#characters-el:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8em}#uppercase-el:hover,#lowercase-el:hover,#numbers-el:hover,#characters-el:hover{background-color:#4c1d95;border-color:#4c1d95}#select-boxes label{display:flex;align-items:center;cursor:pointer;margin-left:0}#generate-pw{display:flex;justify-content:flex-start;padding:.5em;border-bottom:#2f3e53 solid .125em}#passwords{display:flex;display-direction:rowm;justify-content:flex-start;text-wrap:wrap;margin:1.5em;gap:2rem;color:#273549;align-items:strech}.header{margin-left:0}h1{font-family:Karla;font-weight:800;font-size:40;letter-spacing:-2.5%;color:#fff;margin:.5rem;margin-left:0}h2{font-family:Inter;fong-weight:500;font-style:bold;font-size:14;color:#9ca3af;margin-right:0;padding-right:0}span{color:#6d28d9}label{font-family:Inter;font-size:13;color:#9ca3af}p{font-family:Inter;font-weight:280;font-size:20;color:#d5d4d8;margin:.5rem;margin-left:0}#p-pw-length{font-family:karla;font-size:20;font-weight:600}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:250px;height:10px;border-radius:5px;background:#fff;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#6d28d9;cursor:pointer;border-radius:5px}.slider::-moz-range-thumb{width:25px;height:25px;background:#6d28d9;cursor:pointer}#generate-pw-btn{font-family:Inter;font-weight:500;font-size:1rem;color:#fff;padding:.5em 1.5em;border:none;background-color:#6d28d9;border-radius:.5em;margin-left:0}#generate-pw-btn:hover{background-color:#4c1d95}#pw-one-btn{height:3.2em;font-family:Inter;font-weight:500;font-size:16;color:#fff;border:none;background-color:#273549;border-radius:.5em;margin:.5em 0;width:100%;text-align:center;padding:1em}#pw-one-btn:hover{background-color:#6e8ab1}#pw-two-btn{height:3.2em;font-family:Inter;font-weight:500;font-size:16;color:#fff;padding:1em 3em;border:none;background-color:#273549;border-radius:.5em;margin:.5em 0;width:100%;text-align:center;padding:1rem}#pw-two-btn:hover{background-color:#6e8ab1}#message{font-family:Inter;font-weight:500;font-size:12;color:#fff;padding:1em 3em;border:none;border-radius:.5em}