body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scrollable-content{-ms-overflow-style:none;scrollbar-width:none}.scrollable-content::-webkit-scrollbar{display:none}h2{font-size:16px;margin-bottom:36px;margin-top:0;text-align:center}.search-container{margin:0 auto;max-width:300px;position:relative}.search-input{border:2px solid #00a2ff;border-radius:20px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 10px 10px 40px;width:100%}.search-icon{color:#555;font-size:1.2em;left:12px;position:absolute;top:50%;transform:translateY(-50%)}ul{grid-gap:12px;display:grid;gap:12px;height:500px;height:calc(100vh - 290px);margin:15px;overflow-y:scroll;padding:0}ul p{text-align:center}.todo-item{align-items:center;background-color:#e0f7fa;border:1px solid #00bcd4;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;padding:10px}.icon{cursor:pointer;font-size:24px;margin-right:10px}.description{flex-grow:1;margin-right:10px}.completed{background-color:#5f6d6d;border-color:#00bcd4}button.create{background-color:#00a2ff;border:none;bottom:0;color:#fff;cursor:pointer;font-size:48px;font-weight:400;height:64px}.modal,button.create{position:absolute;width:100%}.modal{background-color:#000c;height:calc(100% - 64px);margin:0 auto;top:0;z-index:1000}.modal form{height:100%;padding:0 15px}.modal form,.modal form>div{align-items:center;display:grid;justify-content:center}.modal form>div{grid-gap:15px;gap:15px}.modal form label{color:#fff;font-size:24px;font-weight:800}.modal form .button-container{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center}.modal form button{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:36px;width:120px}.modal textarea{border-radius:12px;height:100px;padding:12px}.button-cancel{background-color:#a71b1b}.button-add{background-color:#1a9e21}h1{background:linear-gradient(45deg,#fff,#006eff,#f09322,#ff8c00,#fff);-webkit-background-clip:text;color:#0000;font-size:36px;margin:0;padding:48px 48px 12px;text-align:center;text-shadow:2px 2px 20px #00000080}#root{background:linear-gradient(60deg,#86cce2,#ffddb3);height:100vh;margin:0 auto;max-width:400px;min-height:100vh;overflow-y:hidden;position:relative}
/*# sourceMappingURL=main.9f6cb94b.css.map*/