*{padding:0;margin:0;border:0px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{color:#000;line-height:130%;font-family:Arial;font-size:18px;text-rendering:optimizeLegibility;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea{font-size:inherit}button{cursor:pointer;color:inherit;background-color:inherit}a{color:inherit}a:link,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}body{background-color:#c99803;color:#fff;-webkit-user-select:none;user-select:none}.wrapper{max-width:600px;margin:0 auto;text-align:center;font-size:22px;padding:30px 15px 50px}@media (max-width: 500px){.wrapper{font-size:18px}}.todo__title{font-size:36px;margin-bottom:30px;text-align:center}.todo__form{height:50px;margin-bottom:50px;display:flex;justify-content:center}@media (max-width: 500px){.todo__form{height:40px;margin-bottom:30px}}.todo__form input,.todo__form button{height:100%}.todo__input{padding:15px;border-radius:5px 0 0 5px;color:#185c37;flex:1 1 auto;min-width:150px}.todo__input:focus{outline:1px solid #0f3c23}.todo__button-send{background-color:#238840;padding:0 15px;border-radius:0 5px 5px 0;transition:all .2s ease 0s}.todo__button-send:hover{background-color:#1e7335}.todo__list li{margin-bottom:5px}.todo__item{line-height:150%;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:5px;gap:15px;color:#185c37;background-color:#fff}@media (max-width: 500px){.todo__item{font-size:16px;padding:5px 10px;gap:5px}}.todo__item span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px;cursor:pointer}.icon__task{flex:0 0 22px}.icon__check{flex:0 0 22px;cursor:pointer;color:#b2b2b2;transition:all .2s ease 0s}.icon__check:hover{color:#6cd9a8;transform:scale(1.1)}.icon__delete{flex:0 0 22px;cursor:pointer;color:#b2b2b2;transition:all .2s ease 0s}.icon__delete:hover{color:#e43d30;transform:scale(1.1)}.todo__item.active .icon__check{color:green}.todo__item.active span{color:#185c37;opacity:.5;text-decoration:line-through}