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}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#414040;display:flex;justify-content:center;align-items:center;opacity:1;-webkit-animation:fadeOut 2.5s ease-in-out forwards;animation:fadeOut 2.5s ease-in-out forwards}.splash-screen img{max-width:200px}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}body{margin-top:0;background-color:#292828;color:#fff;font-family:Quicksand,sans-serif;overflow:hidden}h2{text-align:center;margin:0}.todo-wrapper{background:#3b3a3a;padding:2%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;margin-top:3%;max-height:80vh;overflow:auto;box-shadow:0 0 5px 4px #645050;border-radius:13px}.todo-wrapper::-webkit-scrollbar{width:10px}.todo-wrapper::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.todo-wrapper::-webkit-scrollbar-track{background-color:#3b3a3a}.todo-input{display:flex;align-items:center;justify-content:scenter;border-bottom:1px solid grey;padding-bottom:25px;margin-bottom:0}.todo-input-item{display:flex;flex-direction:column;align-items:flex-start;margin-right:25px}.todo-input-item label{font-weight:700;margin-bottom:10px}.todo-input-item input{padding:8px;border:none;width:250px;border-radius:10px}input[type=text]{font-size:14px}.todo-input-item input:focus{outline:none;outline:2px solid #00e67a}.primaryBtn{background-color:#00e679;color:#fff;border:none;margin-top:30px;padding:8px;width:60px;cursor:pointer;border-radius:15px}.primaryBtn:hover{background-color:#00e66a;font-weight:700;box-shadow:0 0 5px 3px #645050}.secondaryBtn1{background-color:#474747;color:#fff;border:none;margin-top:30px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;border-radius:40px 0 0 40px}.secondaryBtn1:hover{font-weight:700;box-shadow:0 0 5px 3px #645050}.secondaryBtn2{background-color:#474747;color:#fff;border:none;margin-top:30px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;border-radius:0 40px 40px 0}.active,.secondaryBtn2:hover{font-weight:700;box-shadow:0 0 5px 3px #645050}.active{background-color:#00e67a}.todo-list{display:flex;flex-direction:column}.btn-area{margin-bottom:15px}.todo-list-item{background-color:#414040;display:flex;justify-content:space-between;align-items:center;padding:10px 25px;margin-bottom:10px;margin-top:20px;box-shadow:0 0 5px 4px #645050;border-radius:15px}.todo-list-item:hover{box-shadow:0 0 4px 2px #58dea0;border:1px solid}.todo-list-item h3{font-size:25px;color:#00e67a;font-weight:700;margin:0}.todo-list-item p{font-size:14px;color:#a1a1a1;margin-top:8px}.icon{font-size:33px;cursor:pointer;padding:3px}.icon:hover{color:red;background-color:rgba(0,0,0,.4);border-radius:40px}.check-icon{font-size:33px;margin-left:10px;color:#00e67a;cursor:pointer;padding:3px}.check-icon:hover{color:green;background-color:rgba(0,0,0,.4);border-radius:40px}.hide-app{opacity:1;pointer-events:none}.dark-mode{background-color:#ccc;color:#000}.dark-mode .todo-wrapper{background-color:#f0e7e7}.dark-mode .todo-list-item p{color:#000}.dark-mode .secondaryBtn1,.dark-mode .secondaryBtn2{background-color:#717171;color:#000;border:1px solid #717171}.dark-mode .todo-list-item{background-color:#ccc;color:#302d2d;border:1px solid #555}.dark-mode .todo-list-item h3{color:green}.dark-mode ::-webkit-scrollbar{width:10px}.dark-mode ::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.dark-mode ::-webkit-scrollbar-track{background-color:#f5f5f5}.dark-mode .active{background-color:#00e67a;font-weight:700;box-shadow:0 0 5px 3px #645050}.dark-mode-switch{margin-left:88%}@media (max-width:768px){.todo-wrapper{margin-top:3%}h1{text-align:center;font-size:40px}.todo-input{flex-direction:column}.primaryBtn{padding:18px;width:100px}.todo-wrapper{width:90%;max-width:none}.primaryBtn,.secondaryBtn1,.secondaryBtn2{padding:8px 12px;font-size:22px}.todo-input-item input,.todo-input-item label{font-size:20px}}
/*# sourceMappingURL=main.0a97ba2d.chunk.css.map */