.todo{background-color:#ecea5e;border:.1em solid #434e52;cursor:-webkit-grab;cursor:grab;border-radius:2em;padding:1em;margin:.5em 0;color:#434e52;word-wrap:break-word;-webkit-transition:font-size 1s;transition:font-size 1s}.todo:hover{background-color:#ecea4e}.icon{display:inline;margin:.2em;opacity:.8}.icon:hover{cursor:pointer;opacity:1}.todo .content{font-size:2em;font-weight:700;cursor:pointer}.details{margin:.5em}.btns{text-align:right}.completed{text-decoration:line-through}.dates{color:#626b6e;font-weight:600}.dates,.todos-container{margin:1em 0}.todos-container .todo{width:65%}.message{width:30%;padding:.5em;font-weight:600;font-size:1.3em;text-align:center;background-color:#ecea5e;border:.1em solid #434e52;cursor:default;border-radius:.5em;color:#434e52}@media (max-width:800px){.message,.todos-container .todo{width:95%}}.form-container{display:flex;flex-direction:row;padding:1em 0}.form-item{outline:none;margin-right:.75em;padding:.5em;border:none;border-radius:.5em;font-size:1.2em;-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);transition:all 1s cubic-bezier(.19,1,.22,1);border:.1em solid rgba(184,181,179,.9)}.form-item.input{width:60%}.form-item.select{width:20%}.form-item:focus{border:.1em solid rgba(109,108,106,.9)}.form-icon{padding-top:.3em;color:#4fd883}.form-icon,.icon{cursor:pointer}.btns-group{margin:1em 0;display:flex}.btns-group .icon{margin-bottom:.2em}@media (max-width:768px){.form-container{display:block}.form-item.input{width:90%}.form-item.select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:.5em}.form-icon{padding-bottom:1.5em}.btns-group{display:flex;flex-wrap:wrap}}.app{background-image:url(/todolist/static/media/bg.5da70062.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Open Sans,sans-serif;padding-left:1.5em;padding-bottom:1em;margin-bottom:0}.app,.button{letter-spacing:.05em}.button{font-family:inherit;padding:.8em 1em!important;margin-right:.7em!important}.icon{-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);transition:all 1s cubic-bezier(.19,1,.22,1)}.icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
/*# sourceMappingURL=main.b1ae2559.chunk.css.map */