body{background-color:#fcfafa;font-family:Fira Sans,sans-serif;margin:0;padding:0}#root{margin:0 24px;min-height:100vh;position:relative}.TodoCounter{color:#832c8e;font-size:30px;text-align:center}.TodoSearch{border:2px solid #b3a8b3;border-radius:10px;cursor:pointer;display:block;height:40px;margin:auto;width:70%}.TodoSearch:hover{box-shadow:0 4px 5px 1px #eddfed}ul{list-style:none;margin:0;padding:0 0 56px}.TodoItem{background-color:#fafafa;box-shadow:0 4px 10px rgba(32,35,41,.15);display:block;margin:24px auto auto;text-align:center;width:80%}.Items,.TodoItem{align-items:center}.Items{display:grid;grid-template-columns:200px auto 200px}.Icon{cursor:pointer;font-size:30px}.Icon-check{text-align:center}.Icon-check--active{color:green}.Icon-delete:hover{color:red;text-align:center}.TodoItem-p--complete{text-decoration:line-through}.CreateTodoButton{background-color:initial;border:none;bottom:24px;color:#20e6b4;cursor:pointer;display:flex;font-size:80px;position:fixed;right:24px;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease;z-index:1}.CreateTodoButton :hover{color:#259f68}.ModalBackground{background:rgba(32,35,41,.8);bottom:-10px;color:#fff;left:-10px;position:fixed;right:-10px;top:-10px}.ModalBackground,.TodoForm{align-items:center;display:flex;justify-content:center}.TodoForm{background-color:#f0f8ff;flex-direction:column;padding:33px 40px;width:90%}label{color:#000;font-size:25px;font-weight:700;margin-bottom:26px}label,textarea{text-align:center}textarea{background-color:#f9fbfc;border:2px solid #727174;border-radius:4px;box-shadow:0 5px 50px rgba(214,164,241,.25);color:#1d1d43;font-family:Arial,Helvetica,sans-serif;font-size:20px;height:96px;padding:12px;width:calc(100% - 25px)}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:Arial,Helvetica,sans-serif;font-weight:400}textarea::placeholder{color:#a5a5a5;font-family:Arial,Helvetica,sans-serif;font-weight:400}textarea:focus{outline-color:#7861fa}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:2px;color:#202329;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;height:48px;width:120px}.TodoForm-button--add:hover{background:#06bd56;box-shadow:0 5px 25px rgba(158,250,97,.5);color:#fff}.TodoForm-button--add{background:transparent;border:2px solid #06bd56;border-radius:4px;color:#06bd56}.TodoForm-button--cancel:hover{background:red;box-shadow:0 5px 25px rgba(241,52,52,.3);color:#fff}.TodoForm-button--cancel{background:transparent;border:2px solid red;border-radius:4px;color:red}.TodoLoading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#db34b7;height:120px;margin:100px auto;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.TodoFirst{font-size:20px;margin:100px auto;text-align:center}.TodoFirst img{border-radius:8px;box-shadow:0 5px 10px rgba(174,105,159,.5);width:300px}
/*# sourceMappingURL=main.e4d09f4a.css.map*/