.pgen{padding-bottom:100px;padding-top:100px;position:relative}.pgen-title{margin-bottom:30px;text-align:center}.generator-container-footer{padding-top:10px}.right-image,.right-text{margin-bottom:20px}.right-text{margin-top:20px}.pgen .right h2{margin-bottom:20px}@media screen and (min-width:768px){.pgen .left{flex:1;padding-right:40px}.pgen .right{flex:1;max-width:600px;padding-left:40px;text-align:center}.pgen .btn{min-width:300px}}@media screen and (max-width:767px){.pgen{padding-bottom:60px;padding-top:60px}.pgen .inner-wrap{flex-direction:column}.pgen .left,.pgen .right{width:100%}.pgen .left{margin-bottom:30px}}.generator-container .btn{appearance:none;border:none;display:flow;margin:0 auto 30px;text-align:center}.output{background-color:#333844;border-radius:5px;cursor:pointer;font-size:1.4em;margin:10px 0 20px;padding:10px;position:relative;text-align:center;word-break:break-all}.output:hover{background-color:#3c4049}.row{border:1px solid #61dafb;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:20px}.column{display:flex;flex-direction:column;width:48%}label{color:#b0b0b0;margin-bottom:10px}input[type=checkbox],input[type=range]{margin-right:10px}.slider-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:8px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#61dafb;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background-color:#61dafb;border-radius:50%;cursor:pointer;height:20px;width:20px}.password-length-display{margin-bottom:20px;margin-top:-10px;text-align:center}