@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);html{--image-gradient:linear-gradient(to bottom right,rgba(12,10,22,0),rgba(123,255,0,.897));height:100%}body{background-blend-mode:hue;background-image:linear-gradient(to bottom right,rgba(12,10,22,0),rgba(123,255,0,.897)),url(https://i.pinimg.com/originals/db/3f/ee/db3fee314726f948416cde8a622eb11a.jpg);background-image:var(--image-gradient),url(https://i.pinimg.com/originals/db/3f/ee/db3fee314726f948416cde8a622eb11a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.contenedorApp{width:100vw}.contenedorGeneradorContraseñas{align-items:center;display:flex;flex-direction:column;height:76vh;justify-content:center}label{color:#fff;font-size:26px;letter-spacing:3px;line-height:40px}input,label{text-align:center}input{border:none}.fila{display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin-bottom:30px;padding-top:19px}.numeroGenerado{background:#277d3c;border-radius:4px;color:#fff;cursor:default;line-height:40px;padding:0 40px}.contenedorInputCopy{position:relative}.botonCopiar{background:#277d3c;border-radius:5px;padding:3.6px;position:absolute;right:-50px;top:0}.botonCopiar:hover{background:#2eab4d}.botonCopiar svg{color:#fff;cursor:pointer;height:30px;width:30px}.mensajeExito{color:#02a802;font-size:.8em;font-weight:600;text-align:center}@media (max-width:740px){.formularioGeneradorContraseñas{position:relative;top:0}label{font-size:16px;letter-spacing:2px}.fila{grid-template-columns:1fr;margin-bottom:20px;padding-top:10px}}.footer{bottom:0;position:absolute;width:100%}.copyright{background:transparent;color:#fff;display:flex;justify-content:center;width:100%}.copyright>p{display:inline-block;font-size:1em;margin:5px 0 0;padding:0 3px;text-align:center}@media (max-width:540px){.copyright{padding:0 0 6px}.copyright>p{font-size:11px}}.navbar{display:flex;justify-content:space-between}.iconPortfolio>a>img{border-radius:50px;cursor:pointer;height:auto;margin:5px 0 0 20px;width:100px}.banderas button{background:none;border:none;margin:5px 20px 0 0}.banderas>button>img{border-radius:10px;cursor:pointer;height:auto;width:80px}@media (max-width:740px){.iconPortfolio>a>img{margin:5px 0 0 10px;width:70px}.banderas button{margin:5px 10px 0 0}.banderas>button>img{width:40px}}@media (max-width:520px){.banderas{display:flex}}@media (max-width:400px){.iconPortfolio>a>img{margin:5px 0 0 5px;width:50px}.banderas button{margin:5px 5px 0 0}.banderas>button>img{width:30px}}
/*# sourceMappingURL=main.2b914311.css.map*/