body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,code{font-family:Roboto Mono,monospace}.start-page{display:flex;flex-direction:column;align-items:center}.start-page img{height:70vh;width:100%}.start-page button{height:40px;border-radius:15px;letter-spacing:2px;background:#7ea3da;color:#fff;border:#03a9f4;font-size:20px;box-shadow:0 0 5px #001a71}.input-heading{margin-top:0;text-align:center;padding:30px 30px 10px;font-size:30px}.input-date{display:flex;margin:10px}.form-input{border:3px solid #000;border-radius:10px;width:15rem;height:4rem;margin:10px 10px 30px}.input{flex-direction:column}.input,form{display:flex;justify-content:center;align-items:center}.add-button{margin:-15px 10px 10px;border-radius:20%;background:#fff;border:none;font-size:50px;width:50px;height:70px;color:#171818;width:100%}input[type=checkbox]{position:relative;width:40px;height:23px;-webkit-appearance:none;background:#aaa;outline:none;border-radius:15px;-webkit-transition:.5s;transition:.5s;box-shadow:inset 0 0 5px rgb(0,0,.2)}input:checked[type=checkbox]{background:#171818}input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:20px;top:0;left:0;background:#fff;-webkit-transition:.5s;transition:.5s;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 2px 5px rgba(0,0,.2)}input:checked[type=checkbox]:before{left:20px}.task-list{display:flex;flex-wrap:wrap;justify-content:safe;border:10px solid #000;flex-direction:column;border-radius:20px;padding:10px;margin:50px,20px 1rem}h4{border-bottom:5px solid #000;padding:20px;font-size:20px}.input-image{width:10rem;height:10rem}.button-task{float:right;font-size:25px;background:#fff;border:none;margin:15px 20px 5px 5px}.input-task{float:right;margin-top:70px;margin-right:10px}.button-task :hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.input-task:hover{cursor:pointer}.taskcounter{display:flex;flex-direction:column;margin:10px}@media only screen and (min-width:768px){.task-list{width:30rem}.start-page img{height:100vh;width:100%}}@media only screen and (min-width:1024px){.task-list{width:50rem}.start-page img{height:100vh;width:60%}}
/*# sourceMappingURL=main.37168067.chunk.css.map */