@import url(https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap);*{font-family:"PT Serif",serif}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}.todo-container{background-repeat:no-repeat;background:#fff;background:-webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(50%,#c9feff),to(#fff));background:linear-gradient(0deg,#fff,#c9feff 50%,#fff)}.todo-container,.todo-form{display:flex;justify-content:center;align-items:center;flex-direction:column}.todo-form{background:#22b6d5;background:linear-gradient(133deg,#22b6d5 18%,#2223d5 60%);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.counter-container{border-bottom:1px solid #350bf0;padding:0 50px}.counter-container p{margin:3px 0}.todo-form input[type=text]{margin-top:20px;border-radius:7px;width:200px;height:30px}.checkbox-complete input[type=checkbox]{margin:0;cursor:pointer}.item-container{box-shadow:0 0 5px #d3d3d3;margin-top:10px}.todo-item{display:grid;grid-template-columns:150px 100px 100px;grid-column-gap:5px;border:1px solid #d3d3d3;border-left:3px solid #59fceb;background-color:#fff;border-radius:5px}.complete{opacity:.5}.todo-item:hover{border-left:5px solid #350bf0;-webkit-transform:scale(1.05);transform:scale(1.05)}.grid-item-1{justify-content:flex-start;margin-left:15px;word-break:break-all}.grid-item-1,.grid-item-2{display:flex;align-items:center}.grid-item-2{justify-content:space-between}.grid-item-3{display:flex;justify-content:flex-end;align-items:center}.remove-todo-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;margin-right:15px;border:0;background-color:transparent}.remove-todo-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.delete-icon{font-size:20px}.add-todo-btn,.complete-all-btn{margin:15px 0;border-radius:7px;font-size:20px;cursor:pointer}@media (min-width:768px){.todo-item{display:grid;grid-template-columns:300px 200px 200px;grid-column-gap:10px;height:100px}.delete-icon{font-size:30px}.add-todo-btn,.complete-all-btn{border-radius:7px;font-size:30px}.todo-form input[type=text]{width:300px;height:60px;font-size:25px}}@media (min-width:1200px){html{display:flex;justify-content:center;background:#fff;background:radial-gradient(circle,#fff 0,#c9feff 50%,#fff 100%)}.main{width:900px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-shadow:10px 10px 25px #3d3c3c}.todo-container{background:#fff}}
/*# sourceMappingURL=main.bc153607.chunk.css.map */