body{background-color:#131416;color:#ddd;font-family:Arial,Helvetica,sans-serif}html{height:100%}.clickable:hover{cursor:pointer}.redirect{color:#1e32c8;text-align:center;text-decoration:underline}.headbar{width:100%}.headbar .components{align-items:center;display:flex;flex-direction:row;font-size:1.1rem;justify-content:space-between;text-align:center;width:100%}.headbar .components img{width:64px}.loginpage{align-items:center;display:flex;flex-direction:column;width:100%}.loginpage h1{text-align:center;width:100%}.loginpage hr{margin-bottom:50px;width:100%}.genericform,.loginform{align-items:center;display:flex;flex-direction:column;width:100%}.genericform *,.loginform *{margin-bottom:20px;width:20%}.genericform input,.loginform input{border:none;border-radius:8px;height:25px;padding:2px 4px}.genericform button,.loginform button{border:none;border-radius:10px;font-weight:700;padding:10px 0;transition:transform .3s ease-in-out;width:10%}.genericform button:hover,.loginform button:hover{transform:scale(1.25)}.loginerror{margin-bottom:20px}.logininfo{vertical-align:center}.logininfo .userinfo{align-items:center;display:flex;flex-direction:row}.logininfo .userinfo img{height:20px;margin-left:12px;width:20px}.loginbutton{margin-right:20px;transition:transform .2s ease-in}.loginbutton:hover{transform:scale(1.2)}.add.icon{background-color:aqua;border-radius:45%;border-bottom-right-radius:35%;bottom:0;height:64px;margin-bottom:20px;margin-right:20px;padding:10px;position:fixed;right:0;transform-origin:center;transition:transform .2s ease-out;width:64px}.add.icon:hover{transform:scale(1.2)}.addpopup{align-items:center;animation:fadingin 1s ease-out forwards;background-color:#7d3bf7;border-radius:20px;padding:30px 50px;transform:scale(1.1);z-index:2}.addpopup *{width:90%}.addpopup .buttons{display:flex;flex-direction:row;justify-content:space-around;margin-top:20px;width:100%}.addpopup .buttons button{margin-bottom:0;padding:10px 50px;width:fit-content}.blackout{animation:fadingin 1s ease-out forwards;background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.search_input{animation:comeFromTop .75s ease-out forwards;background:none;border:none;border-bottom:2px solid #fff;color:#fff;font-size:2vh;height:4vh;text-align:center;width:100%}.search_input:focus{outline:none}.errormsg{background-color:red;border:2px solid #ff0;border-radius:10px;color:#000;font-size:.9rem;padding:10px 5px;text-align:center;width:fit-content}.mainpage{align-items:center;display:flex;flex-direction:column;width:100%}@keyframes fadingin{0%{opacity:0}to{opacity:1}}@keyframes fadingout{0%{opacity:1}to{opacity:0}}@keyframes comeFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.userpage{align-items:center;display:flex;flex-direction:column;width:100%}.inputs .buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:30%}.inputs .buttons button{border:none;border-radius:10px;font-weight:700;padding:10px;transition:transform .3s ease-in-out;width:fit-content}.inputs .buttons #vaultphrase{background-color:#c8c8c8}.vaultcontainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:20px;width:100%}.vaultcard{align-items:center;background-color:#7fffd4;border-radius:20px;color:#000;display:flex;flex-direction:column;margin:15px 30px 30px;padding:15px 40px 20px;position:relative}.vaultcard :first-child{margin-bottom:10px}.vaultcard .password{height:20px}.vaultcard .hider{background-color:#000;border-radius:8px;height:20px;margin-top:-20px;width:101%;z-index:1}.vaultcard .hider.enabled{animation:fadingin .4s ease-in-out forwards}.vaultcard .hider.disabled{animation:fadingout .4s ease-in-out forwards}.vaultcard .delete,.vaultcard .edit{height:28px;margin-right:10px;margin-top:8px;position:absolute;right:0;top:0;transition:transform .2s ease-out;width:28px}.vaultcard .edit{left:0;margin-left:10px}.vaultcard .delete:hover,.vaultcard .edit:hover{transform:scale(1.2)}
/*# sourceMappingURL=main.595c73af.css.map*/