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}.todo-wrapper{background-color:#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:fit-content}h1{text-align:center}.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:fit-content}.active{background-color:#04c46a}.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:5px 0 0}.todo-list-item p{color:#a1a1a1;font-size:14px;margin-top:3px}.icon{color:#fff;cursor:pointer;font-size:35px;padding:5px}.icon.delete:hover{color:#f82d2d}.icon.check:hover{color:#35dd8f}.copyright{background:#262626;bottom:0;font-weight:300;margin-top:20px;padding:5px 0;position:fixed;text-align:center;width:100%}.copyright p{margin:8px}.copyright p a{color:#fff;text-decoration:none}@media only screen and (max-width:600px){body{background-color:#e6e6fa;color:#fff;overflow:hidden}.copyright{bottom:0;font-size:14px;position:fixed;width:100%}}
/*# sourceMappingURL=main.9c5fd87d.css.map*/