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;margin:0;padding:0}body{background-color:#161722;display:flex;font-family:Josefin Sans,sans-serif;justify-content:center;min-height:100vh}.header{align-items:center;display:flex;justify-content:space-between;padding:0}.background-image{background:url(/static/media/5559852.ce52ce7e2a2d5d6d680d.jpg) no-repeat 0/cover fixed;left:0;max-height:50vh;min-height:50vh;position:absolute;right:0;top:0}.container{margin:50px auto 0;max-width:700px;min-width:500px}.Title{color:#fff;font-size:45px}.new-todo{background-color:#25273c;border-radius:6px;display:flex;height:70px;margin-top:50px}.new-todo-input{align-items:center;display:flex;flex-grow:1}.new-todo-input form{flex-grow:1}.new-todo-input input{background-color:initial;border:none;color:#cacde8;font-size:13px;outline:none;padding:10px 0;width:100px}.new-todo-input input::-webkit-input-placeholder{color:#4d4f66}.new-todo-input input::placeholder{color:#4d4f66}.new-todo button{padding:10px 20px}.check{align-items:center;display:flex;justify-content:center;width:70px}.check-mark:hover{background:linear-gradient(135deg,#5df 0 #c058f3 100%);border-color:inear-gradien(135deg,#5df 0 #c058f3 100%)}.check-mark{border:2px solid #393a4c;border-radius:50%;height:30px;width:30px}@media (max-width:768px){.container{min-width:100%;padding:0 8%}}ul{display:grid;place-items:center}li{background-color:#252b3c;border-radius:6px;color:#fff;display:flex;font-family:monospace;font-size:15px;height:35px;list-style:none;margin-bottom:-50px;margin-top:42px;padding-left:34px;padding-top:8px;width:200px}button{background-color:#c7c7d1;border-radius:5px;font-size:small;padding:10px 5px}.taskTodeletebtn{align-items:center;margin-bottom:20px;margin-right:60px;margin-top:-64px;padding-left:208px;padding-top:10px}.checkbox input{height:20px;margin-right:25px;margin-top:0;width:20px}.taskToeditbtn{align-items:center;margin-bottom:26px;margin-right:10px;margin-top:-70px;padding-left:266px;padding-top:10px}.chekbox input{font-size:small;height:100px;left:19;width:60px}input[type=checkbox]{height:65px;margin-left:5px;width:20px}
/*# sourceMappingURL=main.e6673259.css.map*/