body{margin:0;padding:0;background-color:#e9f1f9;display:flex;justify-content:center;font-family:Trebuchet MS,Arial,sans-serif}.app{background-color:#fff;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;border-radius:10px;padding:10px;width:800px;margin-top:50px}.button-container{display:flex;align-items:center}.button-container button{margin:0 5px;padding:5px 10px;font-size:10px;border-radius:12px;background-color:transparent}.edit{border:1.5px solid rgb(141,181,145);color:#8db591;text-transform:uppercase}.edit:hover{background-color:#b6dfba}.edit:active{color:#fff;background-color:#8db591}.delete{border:1.5px solid rgb(255,175,163);color:#ffafa3;text-transform:uppercase}.delete:hover{background-color:#ffc9c1}.delete:active{color:#fff;background-color:#ffafa3}.create{border:1.5px solid rgb(108,115,148);color:#6c7394;text-transform:uppercase}.create:hover{background-color:#838aac}.create:active{color:#fff;background-color:#6c7394}.signout{border:1.5px solid rgb(255,175,163)!important;background-color:#ffafa3!important;color:#eaeaea}.signout:hover{background-color:#af5e5e!important;border:1.5px solid rgb(175,94,94)!important}.signout:active{border:1.5px solid rgb(175,81,81)!important;background-color:#af5151!important;color:#fff}input{margin:11px 0;padding:12px 16px;border-radius:12px;border:1.5px solid rgb(230,232,236)}.list-header{display:flex;justify-content:space-between;border-bottom:rgba(0,0,0,.05) 1px solid}.list-item{width:100%;margin:10px 0;border-radius:10px;box-shadow:#00000014 0 0 0 1px;display:flex;justify-content:space-between}.info-container{display:flex;align-items:center}.tick{padding:10px}.tick path{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px}.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:5px}.auth-container-box{width:500px;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:350px;padding:20px}.auth-options{display:flex}.auth-options button{width:50%;border:none;padding:10px;color:#23262f}.copyright{font-size:13px;margin:10px;color:#727290}.user-email{float:right;font-size:13px;margin:10px;color:#727290}.outer-bar{width:200px;height:14px;background-color:#d8d8d8;border-radius:7px;overflow:hidden}.inner-bar{height:14px}.task-title{width:300px}