body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}.App{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center;width:100%}.todo-box{background-color:#fff;border-radius:10px;height:70vh;width:400px}.heading-box{align-items:center;background-color:beige;display:flex;height:70px;justify-content:center}.to{color:#708090}.do{color:#d2691e}.input-item{align-items:center;display:flex;justify-content:center;margin:40px 40px 20px}.add-button{background-color:#5f9ea0;border-radius:0 15px 15px 0;color:#f0f8ff;cursor:pointer;padding:7px}.input-box{-webkit-appearance:none;appearance:none;background-color:beige;border:none;border-radius:15px 0 0 15px;outline:none;padding:10px;width:280px}input:focus::placeholder{color:#0000;transition:color .3s ease}input::placeholder{color:#708090}.todo-area{align-items:center;background-color:beige;border-radius:20px;display:flex;flex-direction:column;margin:30px;min-height:57%;min-width:310px;padding:5px}.todoitem-box{align-items:baseline;border-bottom:2px solid #708090;display:flex;justify-content:space-between;padding-left:7px;padding-right:7px;width:80%}.checkbox{color:#000;cursor:pointer;font-size:1.15rem;padding-left:30px;position:relative}.checkbox input{cursor:pointer;height:0;position:absolute;width:0}.check{border:2px solid orange;border-radius:50%;height:15px;left:0;position:absolute;top:5px;width:15px}.checkbox:hover input~.check{background-color:#bdb76b;border-color:#0000}.checkbox input:checked~.check{background-color:#ff4500;border-color:#0000}.check:after{border:solid #fff;border-width:0 3px 3px 0;content:"";height:6px;left:4px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-input{opacity:0;position:absolute}.checkbox-input:checked~.todo-text{opacity:.6;text-decoration:line-through;transition:all .3s ease}.trashIcon{color:#ff4500;cursor:pointer;height:17px;width:17px}
/*# sourceMappingURL=main.33d2fcc0.css.map*/