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}body{background-color:#1f1e1e;color:#fff;overflow:hidden}h1{text-align:center}.todo-wrapper{background:#353434;box-shadow:0 5px 7px #1b1b1b;margin-left:auto;margin-right:auto;margin-top:3%;max-height:80vh;overflow-y:auto;padding:2%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.todo-input{align-items:center;border-bottom:1px solid #4e4e4e;display:flex;justify-content:center;margin-bottom:25px;padding-bottom:25px}.todo-input-item{align-items:flex-start;display:flex;flex-direction:column;margin-right:25px}.todo-input-item label{font-weight:700;margin-bottom:10px}.todo-input-item input{border:none;padding:8px;width:250px}.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;padding:10px;width:60px}.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:-moz-fit-content;width:fit-content}.active{background-color:#00e67a}.todo-list{display:flex;flex-direction:column}.btn-area{margin-bottom:15px}.todo-list-item{align-items:center;background-color:#414040;box-shadow:0 3px 5px #2b2a2a;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 25px}.todo-list-item h3{color:#00e67a;font-size:25px;font-weight:700;margin:0}.todo-list-item p{color:#a1a1a1;font-size:14px;margin-top:8px}.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;padding:10px}.edit__wrapper input,.edit__wrapper textarea{border:1px solid #d3d3d3;border-radius:3px;margin:5px;padding:10px}.edit__wrapper .primaryBtn{font-size:16px;margin-left:auto;margin-right:auto;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:700px){.todo-input{align-items:start;flex-wrap:wrap;justify-content:start}}
/*# sourceMappingURL=main.985f76d4.css.map*/