.header-date{text-align:center}.header-date h1{font-size:50px;margin-bottom:10px}.header-date h2{font-size:18px;color:#5c66d5;margin-top:0;margin-bottom:45px}.task-bar{display:flex;margin:20px 0}.task-bar input{width:100%;height:60px;border:0;outline:none;border-radius:4px;box-shadow:0 2px 7px rgba(0,0,0,.1);padding:20px 20px 18px;font-size:20px;transition:all .3s ease}.task-bar input:focus{box-shadow:0 2px 17px rgba(0,0,0,.125)}.task-bar input:-moz-placeholder,.task-bar input:-ms-input-placeholder,.task-bar input::-moz-placeholder,.task-bar input::-webkit-input-placeholder{color:#ccc}.task-list{padding:25px 20px 10px;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);background:#fff;border-radius:4px;transition:.2s ease-in-out}.status{display:flex;align-items:center;margin-bottom:20px;text-transform:uppercase;font-weight:700}.circle{display:inline-block;width:10px;height:10px;border-radius:35px;margin-right:10px}.circle-green{background:#3ad787;animation:pulseGreen 2s infinite}.circle-red{background:#ee5253;animation:pulseRed 2s infinite}@keyframes pulseGreen{0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(58,215,135,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 5px rgba(58,215,135,0)}to{transform:scale(.9)}}@keyframes pulseRed{0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(238,82,82,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 5px rgba(238,82,82,0)}to{transform:scale(.9)}}label:hover{cursor:default}.checkbox{position:relative;padding:0 20px;word-break:break-all}.checkbox-round{width:1.3em;height:1.3em;background:#fff;border-radius:50%;vertical-align:middle;border:1px solid #ddd;-webkit-appearance:none;outline:none;cursor:pointer}.checkbox-round:checked,.checkbox-round:focus{outline:none!important}.checkbox-round:checked{border:1px solid #ddd;background:#ddd}.checkbox:hover .remove-btn{display:block;opacity:.3}.remove-btn{display:none;position:absolute;top:0;right:0;bottom:0;width:25px;height:40px;font-size:30px;color:#333;margin:auto 0 11px;background:none;border:0;outline:none}.remove-btn:after{content:"×"}.remove-btn:hover{opacity:1!important}input[type=checkbox]:checked+label{color:#ddd;text-decoration:line-through}body{background:#f6f9fc;color:#223d61;margin:30px 0}hr{border-top:1px solid #ebf1f8;margin-left:-20px;margin-right:-20px}label{font-size:20px;font-weight:400;padding-left:10px!important;margin-bottom:10px!important}.col-centered{float:none;margin:0 auto}.btn{padding:20px;font-weight:700;cursor:pointer;border:0;border-radius:4px}.btn-green{color:#fff;background:linear-gradient(180deg,#3ad787,#2ace7a);box-shadow:inset 0 1px 0 rgb(255 255 255/30%),0 2px 15px rgb(58 215 135/30%)}.btn-green:focus,.btn-green:hover{color:#fff;background:linear-gradient(180deg,#4fdb94,#32d582);outline:none}.btn-task-bar{border-radius:0 4px 4px 0}.btn-clear-tasks{display:block;margin:20px auto 0;min-width:200px;font-size:16px;opacity:0;visibility:hidden;transform:translateY(-15px)}.btn-clear-active{opacity:1;visibility:visible;transition:.3s ease-in-out;transform:translateY(0)}.animate{animation-fill-mode:both;animation-delay:.3s;animation-duration:.3s!important;transition-duration:.3s!important}.animate-fade-down{animation:fadeDown}@keyframes fadeDown{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=main.db70d3a3.chunk.css.map */