body{background-color:pink;display:flex;justify-content:center;align-items:center;height:95vh}.main{background-color:#8e7fe4;font-size:1.1rem;padding:40px;border-radius:8%;color:#f5f5f5;text-align:center;max-width:400px;margin:auto;box-shadow:0 4px 10px #0003}.header{font-size:1.5rem;color:#000;font-weight:600;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-align:center;padding-bottom:25px}.content{width:100%;padding-bottom:15px;display:flex;justify-content:center;align-items:center}#password{font-size:1.1rem;outline:none;border:none;text-align:center;height:30px;width:280px;border-radius:23px;margin-right:5px;background-color:#fff;color:#000;padding:5px}#copyB{font-size:1.1rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-align:center;border:none;height:35px;width:80px;border-radius:23px;background-color:green;color:#f5f5f5;cursor:pointer;transition:.3s}#copyB:hover{background-color:#adff2f;border:3px solid black;color:#004900}.parameter{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:10px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.length input[type=range]{-webkit-appearance:none;width:150px;height:8px;margin-right:10px;background:linear-gradient(to right,#4caf50,#2196f3);border-radius:5px;outline:none;transition:opacity .3s}.length input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid #2196F3;border-radius:50%;cursor:pointer;transition:.3s}.length input[type=range]::-webkit-slider-thumb:hover{background:#2196f3}.boolNum{display:flex;align-items:center;gap:10px;margin-top:10px}.boolNum label{font-size:1.1rem;cursor:pointer}.boolNum input[type=checkbox]{display:none}.boolNum input[type=checkbox]+label:before{content:"";width:20px;height:20px;background:#ccc;display:inline-block;border-radius:20px;position:relative;transition:.3s;margin-right:10px}.boolNum input[type=checkbox]:checked+label:before{background:#4caf50}