body{padding:0;margin:0;background-color:#e9f1f9;display:flex;justify-content:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.app{display:flex;flex-direction:column;justify-content:center;background-color:#83938b66;box-shadow:#0000000d 0 6px 24px,#a200ff14 0 0 0 1px;border-radius:10;padding:40px;margin-top:50px}.user-active{color:#5f9ea0;text-align:right;margin:0}.edit{border:1.5px solid rgb(126,185,132);color:#7eb984;text-transform:uppercase}.edit:hover{background-color:#7eb984;color:#ecf7ed}.edit:active{color:#fff;background-color:#8db591}.delete{border:1.5px solid rgb(246,140,123);color:#f68c7b;text-transform:uppercase}.delete:hover{border:1.5px solid rgb(246,140,123);background-color:#e81616}.delete:active{background-color:#ffafa3;color:#fff}.register:active{border:1.5 px solid rgb(148,133,108);color:#6c7394}.register:hover{background-color:#949494}.signout{width:80px;border:1.5px rgb(42,42,42);background-color:#8bb9f5!important;color:#eaeaea;border-radius:5px}.signout:hover{background-color:#af5e5e!important;border:1.5px solid rgb(175,94,94)}.signout:active{border:1.5px solid rgb(175,81,81)!important;background-color:#af5151!important;color:#fff}.error{font-size:smaller;color:red}input{margin:11px 0;padding:10px 16px;border-radius:12px;border:1.5px solid rgba(230,232,236,255)}.nav-routes{display:flex;align-items:center;height:15px}.router-link{background-color:#e1e1e180;color:gray;text-transform:uppercase;font-size:1em;text-decoration:none;margin:0 2px;padding:3px 10px;border-radius:5px}.router-link:hover{color:#000}.top{width:100%;height:30px;align-items:center;display:flex;justify-content:space-between;border-bottom:rgba(0,0,0,.05) 1px solid}.list-header{width:100%;display:flex;justify-content:space-between;border-bottom:rgba(0,0,0,.05) 1px solid}.button-container{display:flex;align-items:center;flex-direction:row;padding-left:10px}.info-container{display:flex;align-items:left;flex-direction:column;padding-left:10px}.button-container button{margin:0 5px;padding:5px 10px;border-radius:12px;background-color:transparent}.list-item{width:100%;margin:7px 0;padding:8px 4px;background-color:#d7f6ec;border-radius:10px;box-shadow:#0003 0 2px 4px 2px;display:flex;flex-wrap:wrap;justify-content:space-between}.archived{background-color:#e3e3e3}.category-capsule{padding:3px 10px;margin-left:1px;border-radius:5px;margin-bottom:3px}.category-capsule p{font-size:x-small;margin:0}.category-capsules-container{display:flex;justify-content:flex-start;margin-top:4px;flex-direction:row;flex-wrap:wrap}.overlay{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal{width:500px;background-color:#fff;padding:40px;border-radius:10px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.modal .form-title-container{display:flex;justify-content:space-between}.modal .form-title-container button{border:none;background-color:transparent}.modal .form-title-container button:active{color:#ff3232}.modal form{display:flex;flex-direction:column}.modal label{font-size:13px}.auth-container{display:flex;justify-content:center;margin:50px}.auth-container-box{min-width:300px;border-radius:10px;overflow:hidden;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.auth-container-box form{display:flex;flex-direction:column;height:400px;padding:20px}.auth-options{display:flex}.auth-options button{width:50%;border:none;padding:10px;color:#23262f}.copyright{font-size:13px;text-align:center;margin:10px;color:#727272}.user-email{float:right;font-size:13px;margin:10px;color:#727272}.outer-bar{width:200px;height:14px;background-color:#d8d8d8;border-radius:7px;overflow:hidden}.note-bar{height:14px}.note-title,.note-category{margin:6px;width:300px}.note-category{font-size:x-small;text-transform:uppercase;color:#483d8b}