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}*{box-sizing:border-box}body{background-color:#1f1e1e;color:#fff;overflow-x:hidden}h1{margin:0 0 24px;text-align:center}.App{min-height:100vh;padding:32px 16px}.todo-wrapper{background:#353434;box-shadow:0 5px 7px #1b1b1b;margin-left:auto;margin-right:auto;max-height:calc(100vh - 140px);overflow-y:auto;padding:24px;width:min(100%,900px)}.todo-input{align-items:flex-end;border-bottom:1px solid #4e4e4e;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:25px;padding-bottom:25px}.todo-input-item{align-items:flex-start;display:flex;flex:1 1 220px;flex-direction:column;min-width:0}.todo-input-item label{font-weight:700;margin-bottom:10px}.todo-input-item input{border:none;padding:8px;width:100%}.todo-input-item input:focus{outline:2px solid #00e67a}.primaryBtn{background-color:#00e67a;border:none;border-radius:0;color:#fff;cursor:pointer;margin-top:25px;min-width:60px;padding:10px}.primaryBtn:hover{background-color:#04c46a}.secondaryBtn{background-color:#474747;border:none;border-radius:0;color:#fff;cursor:pointer;margin-top:25px;padding:10px;width:-webkit-fit-content;width:fit-content}.active{background-color:#00e67a}.todo-list{display:flex;flex-direction:column}.btn-area{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.todo-list-item{align-items:flex-start;background-color:#414040;box-shadow:0 3px 5px #2b2a2a;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px;padding:10px 25px}.todo-item-content{flex:1 1;min-width:0}.todo-item-actions{align-items:center;display:flex;flex-shrink:0}.todo-list-item h3{color:#00e67a;font-size:25px;font-weight:700;margin:0;overflow-wrap:anywhere}.todo-list-item p{color:#a1a1a1;font-size:14px;margin-top:8px;overflow-wrap:anywhere}.icon{cursor:pointer;font-size:35px}.icon:hover{color:red}.check-icon{color:#00e67a;cursor:pointer;font-size:25px;margin-left:10px}.check-icon:hover{color:#04c46a}.edit__wrapper{background-color:#414040;display:flex;flex-direction:column;gap:8px;padding:10px}.edit__wrapper input,.edit__wrapper textarea{border:1px solid #d3d3d3;border-radius:3px;margin:0;padding:10px;width:100%}.edit__wrapper .primaryBtn{font-size:16px;margin-left:auto;margin-right:auto;padding:10px;width:-webkit-fit-content;width:fit-content}@media (max-width:768px){.App{padding:24px 12px}.todo-wrapper{max-height:none;padding:18px}.todo-input{align-items:stretch}.todo-input-item{flex-basis:100%}.todo-input-item .primaryBtn{margin-top:0;width:100%}.secondaryBtn{margin-top:0}.todo-list-item{flex-direction:column}.todo-item-actions{justify-content:flex-end;width:100%}}@media (max-width:480px){h1{font-size:28px}.todo-list-item,.todo-wrapper{padding:16px}.todo-list-item h3{font-size:20px}.btn-area{gap:8px}.secondaryBtn{flex:1 1;text-align:center}}
/*# sourceMappingURL=main.8b29e4b6.css.map*/