body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1989eb;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}.btn{font-size:1.2rem;padding:1rem}.btn:hover{border:2px solid #000;box-shadow:-1px 1px #000;cursor:pointer}@media screen and (max-width:768px){.btn{font-size:.8rem;padding:.6rem}}.toDos{margin:2.5rem;padding:5px}.flex-column{flex-direction:column}.flex{display:flex}.flex-settings{align-items:center;flex-wrap:nowrap;justify-content:stretch}.newToDos{background-color:#d3d3d3;border:4px solid gray;font-size:1.5rem;padding:1rem;text-align:center}.newToDos:hover{border:4px solid #353535}.userInput{text-align:center}.userInput input{height:auto;margin-left:.5rem;width:90%}.toDoItemBox{background-color:#d3d3d3;border:4px solid gray;width:100vw}.toDoItemBox:hover{border:4px solid #353535}.toDoCheckBox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f0f0f0;border:2px solid #555;border-radius:4px;cursor:pointer;height:20px;margin:1rem;padding:1rem;position:relative;transition:all .3s ease;width:20px}.toDoCheckBox:checked{background-color:red;border-color:red}.toDoCheckBox:checked:after{animation:checkmark-pop .5s ease;border:solid #fff;border-width:0 2px 2px 0;content:"";height:20px;left:12px;position:absolute;top:4px;transform:rotate(45deg);width:10px}@keyframes checkmark-pop{0%{transform:scale(0) rotate(45deg)}to{transform:scale(2) rotate(45deg)}}.toDoItemchecked{font-size:1.55rem;font-weight:400;margin:1.5rem}.completed{background-color:#666;border:4px solid #353535}.completed:hover{border:4px solid #161616}.completed .toDoItemchecked{text-decoration:line-through}.btn-add{background-color:#03d403}.btn-add:hover{background-color:#00c800}.btn-remove{background-color:#a24a4a}.btn-remove:hover{background-color:#964a4a}@media screen and (max-width:768px){.toDoItemBox{width:45vh}.toDoItemchecked{font-size:1.1rem}}
/*# sourceMappingURL=main.7485ca2c.css.map*/