.buttons,.todo-wrapper .list-group-item .delete-btn,.todo-wrapper .list-group-item .edit-btn,.todo-wrapper .list-group-item .update-btn{cursor:pointer;height:25px;width:30px}.buttons:hover,.todo-wrapper .list-group-item .delete-btn:hover,.todo-wrapper .list-group-item .edit-btn:hover,.todo-wrapper .list-group-item .update-btn:hover{-webkit-animation:fadeInUpMy 1s linear infinite;animation:fadeInUpMy 1s linear infinite}body{font-size:15px;font-family:Open Sans,sans-serif;color:#444;background-color:#fefefe;background-image:linear-gradient(#fc6c48,#ef5081);background-repeat:no-repeat;background-size:cover;padding:20px;margin:0;min-height:100vh;position:relative}.todo-item-enter-active,.todo-item-leave-active{transition:opacity .25s ease,transform .3s ease-in-out;transform-origin:left center}.todo-item-enter,.todo-item-leave-to{opacity:0;transform:translateX(100%)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease}.slide-fade-enter,.slide-fade-leave-to{transform:scale(1.1);opacity:0}h1{font-size:2.5rem}.add-todo{display:flex}.add-todo .text{font-size:16px;height:40px}.add-todo .text::-moz-placeholder{color:#aaa}.add-todo .text:-ms-input-placeholder{color:#aaa}.add-todo .text::placeholder{color:#aaa}.add-todo .text:focus{outline:none;border:1px solid #a3b1ff;box-shadow:none}.add-todo .number{background:#225908}.add-todo .submit{width:50px;height:40px;border:none;outline:none;cursor:pointer;background-color:#24a484;color:#f3f3f3;font-size:24px;line-height:40px;padding:0;margin-left:13px}.add-todo .submit:hover{background-color:#1f8f73}.add-todo .submit:active{background-color:#29b995}.todo-wrapper{max-width:100%;min-height:400px;margin:20px auto 40px;border:1px solid #eee;border-radius:4px;padding:20px;box-shadow:0 0 15px 0 rgba(0,0,0,.05);background-color:#f4f7fc;overflow:hidden;position:relative}.todo-wrapper .list-group-item{margin:10px 0;padding:3px}.todo-wrapper .list-group-item .todo-text{flex-grow:1;padding:0 8px}.todo-wrapper .list-group-item .done{color:#888;text-decoration:line-through}.todo-wrapper .list-group-item .todo-checkbox{position:absolute;opacity:0;display:none}.todo-wrapper .list-group-item .todo-checkbox+label{cursor:pointer;margin:0;position:relative;width:20px;height:20px;border-radius:2px;border:1px solid #cfdcec;background-color:#fff}.todo-wrapper .list-group-item .todo-checkbox:checked+label:after{position:absolute;content:"";top:30%;left:50%;height:5px;width:9px;border:solid #fc6c48;border-width:0 0 2px 2px;transform-origin:center center;transform:rotate(-45deg) translate(-50%,-50%)}.todo-wrapper .list-group-item .edit-btn,.todo-wrapper .list-group-item .update-btn{margin:4px 4px 4px 12px}.todo-wrapper .list-group-item .delete-btn{margin:4px}@-webkit-keyframes fadeInUpMy{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInUpMy{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}