@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:grey;font-family:Roboto Mono,monospace;height:100vh;margin:0 auto;max-width:1440px}.container,body{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{background:#1b1b1b;border-radius:20px;box-shadow:0 10px 15px rgba(0,0,0,.8);color:#fff;margin:1rem;padding:1rem;position:relative}h1{color:green;letter-spacing:10px;margin-bottom:1rem;text-transform:uppercase}.card-label{margin-top:.5rem}label:nth-child(3),label:nth-child(4){margin-left:1.2rem}label{align-items:center;display:block;margin:1rem 0}.range-input{margin-left:1rem;margin-right:1rem}.checkbox-input{cursor:pointer;height:30px;margin-left:1rem;width:30px}.checkbox-checkmark{align-items:center;border:1px solid #ccc;border-radius:3px;display:inline-flex;height:18px;justify-content:center;margin-right:8px;position:relative;width:18px}.btn-password{background:green;border:none;border-radius:20px;color:#fff;cursor:pointer;margin:1rem;padding:1rem;text-transform:uppercase}.btn-password:hover{background-color:#015e01}.result input{margin-left:.5rem;padding:.5rem;width:280px}.label-result{align-items:center;display:flex}.label-result button{cursor:pointer;height:35px;width:35px}@media (max-width:750px){h1{font-size:25px;letter-spacing:5px}.label-result{flex-direction:column}.label-result button{margin-top:.5rem}.range-input{margin-top:1rem}.result input{margin-top:.5rem;width:210px}}
/*# sourceMappingURL=main.56d2d309.css.map*/