@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{background-color:#5bc0de;text-align:center}.header-h1{color:#fff;padding:.5rem;font-size:2.5rem}form{width:50%;margin:3rem auto 0;border:1px solid #d3d3d3;border-radius:8px;padding:1rem}.input-h1{text-align:center;color:#d3d3d3}.input-new-todo{width:100%;padding:12px 5px;margin-bottom:1rem;border-radius:8px;border:1px solid #000}.input-div{padding:4rem}.input-textarea{width:100%;padding:24px 5px;margin-bottom:1rem;border-radius:8px;border:1px solid #000;max-width:100%;max-height:300px}.input-button{color:#fff;background-color:#5bc0de;border:none;border-radius:8px;padding:1rem;float:right;cursor:pointer}.todo-li{background-color:#eee;text-align:center;width:50%;min-height:4rem;border-radius:8px;margin:2rem auto;list-style:none;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.todo-li:hover{box-shadow:5px 5px 10px grey;cursor:pointer}.todo-p{word-break:break-all;width:85%}.delete,.todo-input{height:3rem;width:3rem;cursor:pointer}.delete{color:#000;font-size:100%;border:1px solid #f44336;transition-duration:.4s}.delete:hover{color:#fff;background-color:#f44336}.filter{margin:3rem 0;text-align:center;width:100%}.filter-h1{color:#d3d3d3;margin-bottom:1rem}.filter-button{color:#fff;background-color:#5bc0de;border:none;border-radius:8px;padding:1rem;width:10rem;margin:0 1rem;cursor:pointer}.filter-search{width:30rem;height:2rem;margin-top:1rem}.modalContainer{position:fixed;top:0;right:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.75)}.modalHeader{height:10%}.modalName{height:10%;width:100%;font-size:2em;font-weight:700;outline:none}.modalForm{width:100%;height:90%;margin:0;padding:0;border:none}.modal{position:fixed;top:25%;left:25%;height:50%;width:50%;background-color:#fff;text-align:center}.modalTextArea{min-width:100%;max-width:100%;min-height:75%;max-height:75%;margin-bottom:1rem;outline:none}.modalButton{display:inline-block;margin:1rem;color:#fff;background-color:#5bc0de;border:none;border-radius:8px;padding:1rem;cursor:pointer}*{padding:0;margin:0;font-family:"Roboto",sans-serif}
/*# sourceMappingURL=main.415eb827.chunk.css.map */