@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Khand:wght@400;600&family=Yanone+Kaffeesatz:wght@400;600&display=swap);:root{--background-color:#181920;--text-color-00:#fff;--box-color-00:#2f3744;--box-color-01:#404b5c;--shadow:0 4px 8px 0 #ffffff4d;--border-color:#ffffff4d;--success-color:#00c851;--danger-color:#f44;--warning-color:#fb3}*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181920;background-color:var(--background-color);color:#fff;color:var(--text-color-00);font-family:Yanone Kaffeesatz,sans-serif}.App{align-items:center;display:flex;height:100vh;justify-content:center}.GeneratePassword{background-color:var(--box-color-00);border-radius:1rem;padding:1rem}.title{font-family:Khand,sans-serif;font-size:1.875rem;font-weight:600;line-height:2.25rem;margin-bottom:1rem;text-align:center;text-transform:up}.password{margin-bottom:10px;position:relative}.password .generatedPassword{background-color:var(--background-color);border-radius:5px;color:var(--text-color-00);font-size:25px;height:41px;line-height:41px;padding:3px 10px;width:336px}.password .copy-btn{bottom:50%;cursor:pointer;font-size:25px;position:absolute;right:10px;-webkit-transform:translateY(50%);transform:translateY(50%)}.password .copy-btn:hover{font-size:27px}.password .copied{bottom:50%;cursor:not-allowed;font-size:25px;position:absolute;right:10px;-webkit-transform:translateY(50%);transform:translateY(50%)}.password .copied:hover{font-size:27px}.error{color:var(--danger-color);height:16px;margin-bottom:10px;text-align:center}.closeError{opacity:0;transition:visibility 0s .5s,opacity .5s linear;visibility:hidden}.showError{opacity:1;transition:opacity .5s linear;visibility:visible}.property{display:flex;font-size:25px;justify-content:space-between;margin-bottom:10px}.property input{width:30px}.generate-btn{display:flex;height:40px;justify-content:center}.generate-btn button{background-color:transparent;border:.5px solid var(--text-color-00);border-radius:5px;color:var(--text-color-00);cursor:pointer;font-size:18px;padding:8px 10px}.generate-btn button:hover{font-size:20px}.generate-btn .notAllow{cursor:not-allowed}
/*# sourceMappingURL=main.75126115.css.map*/