body{padding:50px;background:#6cf;font-family:sans-serif}#root{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.title{color:#fff;font-size:44px;text-transform:uppercase}.todo-list__form input{padding:10px;font-size:16px;border:2px solid #fff;width:165px}.todo-list__form button{padding:10px;font-size:16px;margin:10px 0 10px 10px;background:#06f;color:#fff;border:2px solid #06f}.todo-list__form button:hover{background:#039;border:2px solid #039;cursor:pointer}.todo-list__form .disabled,.todo-list__form .disabled:hover{background:grey;border:2px solid grey}.todo-list__items{padding:0}.todo-list__item{color:#333;background-color:hsla(0,0%,100%,.5);padding:15px;margin-bottom:15px;border-radius:5px;list-style:none;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.todo-list__item:hover{background-color:pink;cursor:pointer}.todo-list__item:hover .todo-list__delete-icon{opacity:1}.todo-list__delete-icon{opacity:0;float:right;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
/*# sourceMappingURL=main.c696ffb2.chunk.css.map */