body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.App{align-items:self-start;background-color:#faf9f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233F0527'/%3E%3Cstop offset='1' stop-color='%23300'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h800v400H0z'/%3E%3Cg fill-opacity='.4' fill='url(%23b)'%3E%3Ccircle cx='267.5' cy='61' r='300'/%3E%3Ccircle cx='532.5' cy='61' r='300'/%3E%3Ccircle cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");display:flex;flex-direction:column;height:100vh;justify-content:center}.App,html{background-attachment:fixed;background-color:#300;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23380423'/%3E%3Cstop offset='1' stop-color='%23300'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%235A2361' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%235A2361' stop-opacity='.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h800v400H0z'/%3E%3Cg fill-opacity='.4' fill='url(%23b)'%3E%3Ccircle cx='267.5' cy='61' r='300'/%3E%3Ccircle cx='532.5' cy='61' r='300'/%3E%3Ccircle cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}.addbtn{background-image:linear-gradient(180deg,#79d16b,#65b557,#519944,#3e7f31,#2b651f,#225a19,#1a4f14,#11450e,#104612,#104717,#10471a,#10481e);border:none;border-radius:10px;box-shadow:0 5px 5px #0e1e0e;color:#fff;cursor:pointer;display:block;margin-bottom:13px;margin-left:9rem;padding:1rem 3rem}.addbtn:link,.addbtn:visited{border-radius:100px;display:inline-block;padding:15px 40px;position:absolute;text-decoration:none;text-transform:uppercase;transition:all .2s}.addbtn:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.addbtn:active{box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.addbtn:after{border-radius:100px;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.logoutbtn{position:absolute;right:11em;top:2em}.addbtn:after{background-image:linear-gradient(180deg,#79d16b,#65b557,#519944,#3e7f31,#2b651f,#225a19,#1a4f14,#11450e,#104612,#104717,#10471a,#10481e)}.addbtn:hover:after{opacity:0;-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6)}.addbtn{-webkit-animation:moveInBottom 2s ease-out;animation:moveInBottom 2s ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.screen-1 form{background:#f1f7fe;border-radius:30px;box-shadow:0 0 2em #4d4e4f;display:flex;flex-direction:column;gap:2em;justify-content:center;margin:8rem auto auto;padding:2em;width:600px}.screen-1 .logo{margin-top:-3em}.screen-1 label{font-size:14px}.screen-1 .email{margin-top:-3em}.screen-1 .email,.screen-1 .password{background:#fff;border-radius:20px;box-shadow:0 0 1em #c3c8dd;color:#4d4d4d;display:flex;flex-direction:column;gap:.5em;padding:1em}.screen-1 .email input::-webkit-input-placeholder{color:#aba5a5;font-size:.9em}.screen-1 .email input::placeholder{color:#aba5a5;font-size:.9em}.screen-1 .email ion-icon{color:#4d4d4d;margin-bottom:-.2em}.screen-1 .email input,.screen-1 .password input{background-clip:padding-box,border-box;background-origin:border-box;background-size:200% 100%;border-radius:1.8em;border-style:none;color:#444;font-size:1.25rem;height:2em;outline:none;padding:.8em 1em;width:100%}.screen-1 .password input::-webkit-input-placeholder{color:#aba5a5;font-size:1em}.screen-1 .password input::placeholder{color:#aba5a5;font-size:1em}.screen-1 .password ion-icon{color:#4d4d4d;margin-bottom:-.2em}.screen-1 .password .show-hide{margin-right:-5em}.screen-1 .login{background:#3e4684;border:none;border-radius:30px;color:#fff;font-weight:600;padding:1em}.screen-1 .footer{color:#5e5e5e;display:flex;font-size:.9em;gap:14em}.screen-1 .footer span{cursor:pointer}.table-wrapper{width:100%}.table{background:#ddd;border-collapse:collapse;border-radius:10px;box-shadow:0 1px 15px #252424;display:block;margin:auto;max-width:80%;overflow:hidden;overflow-x:auto;padding:10px;table-layout:fixed;table-layout:auto;text-align:center;white-space:nowrap;width:100em}.table thead{background-color:#ddd;color:#222}.table td,.table th{padding:.8rem}.table td{border-top:.5px solid #ddd;color:#777;font-weight:400;font-weight:300;overflow:hidden;padding-bottom:20px;padding-top:20px;text-overflow:ellipsis}.table tbody{background-color:#f5f5f5;display:block}.table tbody tr:hover{background-color:#eee}tbody tr.spacer td{background:#ddd!important;border-radius:0!important;height:10px;padding:0!important}.expand{width:100%}.label{border-radius:3px;color:#fff;padding:.3rem}.label-in_progress{background-color:#4d4d01;background:linear-gradient(90deg,#b3c70f,#50610d)}.label-Finished{background-color:#42a942;background:linear-gradient(90deg,#11cb30,#63d14f)}.label-not_started{background-color:#8d0c08;background:linear-gradient(90deg,#e10d05,#991836)}.actions{display:flex;justify-content:space-around}.actions svg{background:#e1dede;border-radius:17px;cursor:pointer;margin-right:5px;padding:10px;transition:all .5s ease}.delete-btn{color:#e10d05}.actions .delete-btn:hover{background:#e10d05;color:#e1dede}.actions .edit-btn:hover{background:#488f1d;color:#fff}.filters.btn-group{display:flex;justify-content:right;margin-bottom:1rem;margin-left:-9rem;width:100%}button{border:none;border-radius:1000px;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;min-height:40px;min-width:170px;outline:none;padding:10px;position:relative;text-transform:uppercase;transition:all .3s ease-in-out 0s}.toggle-btn{background:#4fd1c5;background:linear-gradient(90deg,#81e6d9,#4fd1c5);color:#fff;margin-right:1.2rem}.Finished{background:linear-gradient(90deg,#11cb30,#63d14f)}.in_progress{background:linear-gradient(90deg,#b3c70f 0,#50610d 100%)}.not_started{background:linear-gradient(90deg,#e10d05,#991836)}[aria-pressed=false]{opacity:.7}.toggle-btn :before{border:6px solid #00ffcb;border-radius:1000px;box-shadow:0 0 60px rgba(0,255,203,.64);content:"";left:50%;min-height:50px;min-width:180px;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s}.in_progress :before{border:6px solid #b3c70f;box-shadow:0 0 60px #50610d}.Finished :before{border:6px solid #3f0;box-shadow:0 0 60px rgba(55,123,23,.64)}.not_started :before{border:6px solid #bb1737;box-shadow:0 0 60px #7b0b07}.toggle-btn :focus,.toggle-btn :hover{color:#313133;-webkit-transform:translateY(-6px);transform:translateY(-6px)}.toggle-btn :focus:before,.toggle-btn :hover:before{opacity:1}.toggle-btn:focus:after,.toggle-btn:hover:after{-webkit-animation:none;animation:none;display:none}@media screen and (max-width:600px){.App{display:block;height:100%}.screen-1 form{width:80%}.filters.btn-group{display:block;margin:auto auto 3rem;text-align:center}.toggle-btn{margin-top:1.5rem}.addbtn{margin-bottom:2rem;margin-top:3rem}table{border:0}table caption{font-size:1.3em}table thead{clip:rect(0 0 0 0);border:none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.15em}table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td:last-child{border-bottom:0}.actions{display:block}.logoutbtn{min-width:100px!important;padding:1px!important;right:1em;top:2em}}.modal-container{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal:after{-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite;border:6px solid #00ffcb;border-radius:100%;content:"";height:30px;left:50%;position:absolute;top:65%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px;z-index:-1}.modal{background-color:#e7e7e7;border-radius:5px;padding:2rem;width:25em}.modal .btn{display:block;margin:auto}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{background-clip:padding-box,border-box;background-origin:border-box;background-size:200% 100%;border:1px solid #000;border:.25em solid transparent;border-radius:.3rem;border-radius:1.8em;color:#444;font-size:1rem;font-size:1.25rem;height:3.1em;line-height:1;outline:none;padding:.3rem;padding:.8em 1em;width:100%}.form-group label{margin-bottom:.2rem}.error{background-color:#f8d7da;border-radius:.3rem;color:#df4759;margin-bottom:1rem;padding:.5rem}@-webkit-keyframes ring{0%{height:30px;opacity:1;width:30px}to{height:300px;opacity:0;width:300px}}@keyframes ring{0%{height:30px;opacity:1;width:30px}to{height:300px;opacity:0;width:300px}}
/*# sourceMappingURL=main.d233afc4.css.map*/