.TaskCounter{font-size:2.4rem;font-weight:600;padding:30px;text-align:center}.TaskSearch{display:flex;font-family:Times New Roman,Times,serif;font-size:1.8rem;outline:none;padding:10px}.TaskList,.TaskSearch{margin:0 auto;max-width:600px;min-width:300px;width:90%}.TaskList{list-style:none;padding:20px 0;text-align:center}.TaskItem{background-color:#fff;border:1px solid #fff;color:#4682b4;display:flex;font-size:1.6rem;justify-content:space-between;line-height:3rem;margin-bottom:10px;padding:10px;transition:all .5s}.TaskItem:hover{background-color:#4682b4;color:#fff}.TaskItem-check,.TaskItem-delete{border-radius:50%;cursor:pointer;height:30px;transition:all .25s;width:30px}.TaskItem-check--activa,.TaskItem-check:hover{background-color:green;color:#fff}.TaskItem-delete:hover{background-color:red;color:#fff}.TaskItem-text--completed{text-decoration:line-through}.TaskButton{background-color:#0ff;border:none;border-radius:50%;bottom:10px;box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 16px 0 rgba(14,30,37,.32);color:#fff;font-size:50px;height:70px;position:fixed;right:10px;transition:all .25s;width:70px;z-index:1}.TaskButton:hover{cursor:pointer;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ModalBackground{background:rgba(32,35,41,.8);bottom:-10px;color:#fff;left:-10px;position:fixed;right:-10px;top:-10px}.ModalBackground,form{align-items:center;display:flex;justify-content:center}form{background-color:#4682b4;flex-wrap:wrap;padding:25px 0;width:300px}label{color:#ffebcd;font-size:2rem;font-weight:600;margin-bottom:20px;text-align:center;width:80%}textarea{font-size:1.4rem;height:100px;margin:10px 0;outline:none;padding:5px;width:80%}textarea::-webkit-input-placeholder{font-size:1.4rem}textarea::placeholder{font-size:1.4rem}.TaskForm-buttonContainer{width:80%}.TaskForm__button{background-color:#fff;border:1px solid #fff;color:#4682b4;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1.6rem;font-weight:500;margin:10px 20px;padding:10px;transition:all .5s;width:100px}.TaskForm__button:hover{background-color:initial;color:#fff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#4682b4;color:#ffebcd;font-size:2rem}
/*# sourceMappingURL=main.55f86f71.css.map*/