@import url(https://fonts.googleapis.com/css?family=Bad+Script&display=swap);*{margin:0;padding:0}#root{width:100%}.wrapper{width:600px;margin:0 auto;font-family:Bad Script,cursive}.rm{background-color:#e72f2f;color:#fff;border:none;border-radius:5px;outline:none;cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;-webkit-transition:.2s ease;transition:.2s ease;margin-right:1rem}.rm:hover{background-color:red;width:20px;height:20px}.button_save{background-color:green;color:#fff;border:none;border-radius:5px;outline:none;cursor:pointer;width:45px;height:25px;-webkit-transition:.2s ease;transition:.2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button_save:hover{background-color:rgba(0,128,0,.733)}.done{text-decoration:line-through}.todo__add{margin:1rem 0;flex-direction:column;justify-content:center}.todo__add,.todo_add-form{width:100%;display:flex;align-items:center}.todo_add-form{justify-content:space-between}.todo_add-input{flex:1 1;border:1px solid #c3c3c3;border-radius:5px 0 0 5px;margin-right:5px}.todo_add-button,.todo_add-input{padding:.5rem 1rem;font-family:Bad Script,cursive;outline:none;box-shadow:1px 1px 2px 0 #cecece}.todo_add-button{color:#fff;background-color:green;border-radius:0 5px 5px 0;cursor:pointer;border:1px solid #c3c3c3;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.todo_add-button:hover{background-color:#03b403}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#000;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.item_content{width:555px;font-size:19px}.inputItem{background:inherit;outline:none;border:none;margin-left:.4rem;width:555px;font-family:Bad Script,cursive;margin-top:5px;font-size:16px}.item_text{margin:0 .5rem}@media (max-width:638px){.wrapper{width:335px;margin:0 auto}.item_content{width:295px;font-size:14px}.button_save{width:65px;height:20px;font-size:8px}.openModal__button{position:relative}}.openModal__button{position:fixed;top:20px;right:20px;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;background-color:green;width:100px;height:45px;border-radius:5px;cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;font-family:Bad Script,cursive;font-size:18px}.openModal__button:hover{background-color:#03b403;box-shadow:0 3px 2px 0 rgba(0,0,0,.75)}.modal{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;padding-top:5rem;z-index:5}.modal__body{display:flex;flex-direction:column;align-items:center;padding:2rem;width:600px;background-repeat:5px;background:#fff;height:270px;max-height:500px;z-index:6;border-radius:5px;box-shadow:0 3px 7px hsla(0,0%,100%,.3);-webkit-animation-name:rubberBand;animation-name:rubberBand;-webkit-animation-duration:1s;animation-duration:1s}.modal__body-title{font-size:35px}.modal__body-message,.modal__body-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal__body-message{font-size:22px}.modal__body-button{border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;width:80px;height:45px;border-radius:5px;background-color:green;margin-top:25px;font-family:Bad Script,cursive;font-size:18px;cursor:pointer}.modal__body-button:hover{background-color:#00a000}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@media (max-width:638px){.modal__body{width:250px;height:180px}.modal__body-title{font-size:25px}.modal__body-message{font-size:18px}.modal__body-button{width:75px;height:40px;font-size:16px}.openModal__button{top:5px;right:5px;width:80px;height:35px;font-size:15px}}
/*# sourceMappingURL=main.d38c1b1b.chunk.css.map */