@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);*{transition:all .3s ease}body{background:#f7f2f8;color:#1a202c;font-family:Open Sans,sans-serif;line-height:var(--chakra-lineHeights-base);margin:0;padding:0;transition-duration:10ms;transition-property:background-color}.Heading{align-items:center;color:#000;display:flex;flex-direction:column;font-size:30px;position:relative;text-align:center}.logut button{font-size:15px;padding:5px 10px}.pp1{font-size:20px;margin-top:15px}.showPasswo{flex-wrap:wrap;gap:50px;margin:30px 50px 20px}.passcode,.showPasswo{align-items:center;display:flex;justify-content:center}.passcode{background-color:grey;border-radius:7px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;height:70px;margin:10px;width:400px}.Addpass div:first-child,.passcode{font-size:20px}.Addpass input{border:1px solid #e0d7d7;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);outline:none;outline:2px solid transparent;outline-offset:2px;padding:1px 8px;width:45%}table,td,th,thead,tr{border:1px solid purple;border-collapse:collapse;margin:0}td,th{padding:5px 20px;text-align:center}.addpassword-button{background:#674fa2;border:none;border-radius:10px;color:#fff;font-size:18px;height:40px;width:27%}.addpassword-button:hover{height:45px;width:28%}.copy-to-clip,.delete-btn,.view-btn{background:#674fa2;border:none;border-radius:10px;color:#fff;font-size:18px;height:40px;width:100%}.navigation-wrapper{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#000;font-size:1.2rem;font-weight:700;height:4.5rem;line-height:1.5;margin-bottom:20px}.navigation-left,.navigation-wrapper{align-items:center;display:flex;justify-content:space-between}.navigation-left{gap:10px}.navigation-left img{height:40px;margin:0;padding:0 40px;width:40px}.navigation-right button{background-color:#3488ce;border:none;border-radius:10px;color:#fff;font-size:large;height:2.3em;padding-left:.8em;padding-right:.8em}.navigation-right button:hover{height:2.5em;padding-left:.9em;padding-right:.9em;position:relative}.navigation-left a{border-radius:20px;color:#000;font-size:inherit;font-weight:inherit;margin-left:5px;padding:5px 20px;text-decoration:none}.navigation-left a:hover{background:#e9eef3}.navigation-right{padding-right:20px}@media only screen and (max-width:514px){.navigation-wrapper{font-size:18px}.navigation-left{gap:0}}.backdrop{background:rgba(0,0,0,.75);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10}.modal{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.26);left:18%;position:fixed;top:17%;width:50%;z-index:100}.Addpass{align-items:center;background-color:#d4cddb;border-radius:20px;display:flex;flex-direction:column;height:300px;justify-content:center;margin-top:30px;padding:10px;width:60%}.Addpass button,.modal-input{border:none;border-radius:7px;font-size:17px;height:40px;margin:10px;padding-left:15px;width:300px}button{cursor:pointer}@media only screen and (max-width:900px){.Addpass{-webkit-transform:translateX(-10px);transform:translateX(-10px);width:65%}.modal-input{width:70%!important}.Addpass button{width:60%}}.passitem-wrapper{border:1px solid #000;cursor:pointer;padding:10px 20px;width:300px}.passitem-wrapper:before{background:#2bb3b3;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;width:100%;z-index:-1}.passitem-wrapper:before,.passitem-wrapper:hover:before{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.passitem-wrapper:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:bottom;transform-origin:bottom}.passitem-wrapper:hover{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.passitem-wrapper p.title{font-size:2rem;letter-spacing:-.3px;line-height:1;margin:0;padding:0;text-align:center;text-transform:uppercase}.passitem-password{align-items:center;display:flex;justify-content:center}.passitem-password-button{background-color:#3488ce;border:none;border-radius:10px;color:#fff;font-size:large;height:1.7em;margin-left:.5em;padding-left:.8em;padding-right:.8em;width:10em}.passitem-username{align-items:center;color:#858586;display:flex;font-size:1.0625rem;justify-content:center;line-height:1.5882352941;margin:10px 0 0;padding:0;text-align:center}.parent-passitem{grid-column-gap:10px;grid-row-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 2fr;margin-top:10px;row-gap:10px}.parent-passitem>*{align-self:center}.to-left{justify-self:center}.delete-password-button{background-color:#020107;border:none;border-radius:1px;color:#fff;font-size:large;height:1.7em;margin-left:.5em;padding-left:.8em;padding-right:.8em;width:5em}.inner-login{background-color:#e2e8f0;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-top:50px;padding:30px 55px;width:40%}.outer-login{align-items:center;color:#000;display:flex;gap:120px;justify-content:center;margin:40px 100px}.login-but{background:#674fa2;border:none;border-radius:10px;color:#fff;font-size:18px;height:40px;width:100%}.button-wrapper{margin-bottom:10px;margin-top:25px}.button-wrapper button{-webkit-transform:translateX(7px);transform:translateX(7px)}.login-nam{word-wrap:break-word;color:#674fa2;font-size:48px;font-weight:600;letter-spacing:10px;text-align:center}.outer-login-text p img{display:inline-block;height:60px;width:60px}.login-nam1{margin-left:80px;padding-top:10px}.up{font-size:30px;margin-left:10px;margin-top:10px}.upper-login{display:flex}.outer-login-text{text-align:center;width:50%}.login-email p{font-weight:600;margin:0}.inner-login input{border:1px solid #e0d7d7;border-radius:7px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);font-size:17px;height:40px;outline:none;outline:2px solid transparent;outline-offset:2px;padding:1px 5px;width:100%}.inner-login input:hover{outline:none}.login-email .uname{margin:0}.login-password .pass{margin:0;width:100%}.login-email p,.login-password p{padding-bottom:5px}.login-password p{font-weight:600;margin:0}.login-email,.login-password{margin-top:20px}.outer-login-text p{align-items:center;display:flex;font-size:25px;padding-left:5px;width:100%}.outer-login-text p p{color:#674fa2;font-size:40px;font-weight:500;padding-left:20px;padding-top:10px}@media only screen and (max-width:996px){.outer-login{flex-direction:column;gap:20px;margin:0 0 20px}.outer-login-text{padding-top:30px;width:100%}.outer-login-text p{display:block;padding-right:20px;width:100%}.inner-login{margin-top:0;width:70%}}.form-control{margin:1rem 0}.form-control input,.form-control label,.form-control textarea{display:block}.form-control label{font-weight:700;margin-bottom:.5rem}.form-control input:focus,.form-control textarea:focus{background:#ebebeb;border-color:#510077;outline:none}.form-control--invalid label,.form-control--invalid p{color:red}.form-control--invalid input{background:#ffd1d1;border-color:red}.inner1{color:#000;gap:120px;margin:70px 100px}.inner1,.outer1{align-items:center;display:flex;justify-content:center}.outer1{flex-direction:column}.but1{height:40px;margin-left:70px;width:215px}.nam112{color:#000}img1{height:40px;margin-left:90px;margin-top:7px;width:40px}.nam111{color:#000;font-size:18px;padding:10px}.nam111,.nam112{text-align:center}.nam112{color:#674fa2;font-size:30px}.signup-button-wrapper{align-items:center;display:flex;justify-content:center;margin-top:20px}@media only screen and (max-width:996px){.signup-button-wrapper a button{margin-left:0}}.inner-pin{background-color:#674fa2;border-radius:12px;height:500px;margin-top:50px;width:350px}.outer-pin{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}.pinclass{display:block;height:50px;margin-left:70px;margin-top:70px;width:200px}.pinclass,.pinclass:hover{outline:none}.but{height:40px;margin-left:70px;margin-top:20px;width:215px}.inner-pin .nam{color:#fff;font-size:30px;margin-left:150px;margin-top:40px}.upper-pin img{height:40px;margin-left:90px;margin-top:7px;width:40px}.upper-pin .up{color:#fff;font-size:30px;margin-left:10px;margin-top:10px}.upper-pin{display:flex;margin-top:10px}.inner-pin .but{background:#d4cddb;border:none;border-radius:10px;color:#000;font-size:20px;font-weight:500;height:40px}.outer-pin input{border:none;border-radius:7px;color:#010a27;font-size:15px;font-weight:600;outline:none;padding:2px 5px}.verify-but:hover{background:#9fc2c9}.out1{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:100px}.in1{font-size:50px}.in1 span{color:#03bebe}.b1t{font-size:larger;height:50px;width:200px}.passw-wrapper{align-items:center;display:flex;gap:100px;justify-content:center;padding-top:20px}@media screen and (max-width:640px){.out1 .in1{font-size:50px;text-align:center}.passw-wrapper{width:90%}}
/*# sourceMappingURL=main.9beef9e1.css.map*/