body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container-numbers{margin:0 auto;width:96%}.list-output{display:flex;justify-content:center;align-items:center;padding:20px 0}.label{font-size:2rem;margin-right:10px}.list-input{display:flex;justify-content:center;align-items:center;padding-bottom:20px}.input{font-size:1.8rem;padding:5px 10px;border-radius:4px;border:1px solid #0b142e;border:1px solid var(--main-tx-color);width:160px}.btn-numbers{display:flex;justify-content:center;margin-bottom:60px}.numbers-btn{width:120px;border-radius:4px;font-size:1.8rem;font-weight:700;padding:8px 20px;margin-left:2px;cursor:pointer;text-align:center;text-decoration:none;border:0}.input-btn{background-color:#00ad9f;background-color:var(--submit-bg-color);margin-right:5px}.input-btn,.output-btn{color:#fff;color:var(--main-bg-color)}.output-btn{background-color:#ff1854;background-color:var(--copy-bg-color);margin-left:5px}.container-pass{margin:0 auto;width:96%}.password-form{display:flex;justify-content:center}.password-label{font-size:2.2rem;margin-right:10px}#password-length{font-size:2rem;width:60px;padding:5px 0 5px 10px;border-radius:4px;background-color:#00ad9f;background-color:var(--submit-bg-color);border:0;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.password-copy{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 0;height:120px}.password-field{color:#526ead;color:var(--secondary-tx-color);font-size:2rem;font-weight:700;padding-bottom:12px}.btn-pass{display:flex;justify-content:center;padding-bottom:20px}.password-btn{width:120px;border-radius:4px;font-size:1.8rem;font-weight:700;padding:8px 20px;margin-left:5px;cursor:pointer;text-align:center;text-decoration:none;border:0}.copy-btn{background-color:#ff1854;background-color:var(--copy-bg-color);margin:0}.copy-btn,.generator-btn{color:#fff;color:var(--main-bg-color)}.generator-btn{background-color:#146396;background-color:var(--sec-btn-color)}.reset-btn{background-color:#00ad9f;background-color:var(--header-bg-color);color:#fff;color:var(--main-bg-color)}@media (min-width:1024px){.container-form{width:70%}}@media (max-width:500px){.password-txt p{font-size:1.8rem;padding-bottom:20px}}@media (max-width:360px){.password-field{font-size:1.8rem}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--main-bg-color:#fff;--header-bg-color:#00ad9f;--main-tx-color:#0b142e;--secondary-tx-color:#526ead;--submit-bg-color:#00ad9f;--copy-bg-color:#ff1854;--sec-btn-color:#146396}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:"Roboto",sans-serif;font-size:62.5%;line-height:1.6;background-color:#fff;background-color:var(--main-bg-color)}h1{font-size:5rem}h1,h2{font-weight:700;text-align:center}h2{color:#526ead;color:var(--secondary-tx-color);font-size:3rem;padding:30px 0}p{color:#0b142e;color:var(--main-tx-color);font-size:2rem;text-align:center}a{text-decoration:none}.container{max-width:1200px;margin:0 auto;overflow:auto;padding:0 20px}.navbar{background-color:#00ad9f;background-color:var(--header-bg-color);color:#fff;color:var(--main-bg-color)}.flex-container{display:flex;width:100%;justify-content:space-between;align-items:center;padding:20px 40px}.navbar ul{display:flex;font-size:2.2rem;font-weight:700}.navbar ul li a{padding:12px;margin:0 18px;text-align:center;color:var(--nav-tx-color)}.main-nav-active{font-weight:700;border-bottom:3px solid #fff;border-bottom:3px solid var(--main-bg-color)}@media (max-width:1180px){.navbar h1{margin:0 auto}.flex-container{flex-wrap:wrap;width:80%;margin:0 auto}.navbar ul{margin:0 auto}}@media (max-width:1029px){.flex-container{padding:20px 0}.navbar ul{padding-top:20px}.navbar ul li a{padding:12px 10px}}@media (max-width:810px){.navbar ul{font-size:1.8rem}}@media (max-width:705px){.navbar ul{font-size:1.7rem}}@media (max-width:685px){.navbar ul{font-size:1.5rem}.navbar ul li a{padding:12px 8px}}@media (max-width:614px){.navbar ul{font-size:1.4rem}.navbar ul li a{padding:12px 5px}}@media (max-width:570px){.flex-container{padding:20px 0}.navbar ul li a{padding:0}}@media (max-width:530px){.navbar ul{font-size:1.4rem;margin:0;text-align:center}}@media (max-width:510px){.flex-container{display:flex;flex-direction:column}.navbar ul{font-size:2rem;flex-direction:column;text-align:center;margin:0 auto}.navbar ul li{padding-bottom:10px}}
/*# sourceMappingURL=main.5bc604ba.chunk.css.map */