body{background:linear-gradient(to top left,#3a3434,silver);font-family:"Poppins",sans-serif;height:100vh;margin:1em 1.5em}h3{color:#3b4c5c;text-align:center}.task img{width:20px;padding:20px;transition:transform .3s ease-out}.input{border-bottom:2px solid grey;display:flex;padding:0 10px}.plus{display:inline-block;width:35px;height:35px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),#697580;background-position:50%;background-size:50% 2px,2px 50%;background-repeat:no-repeat;border-radius:30%;transition:transform .3s ease-out}.input input:focus{outline:0}.input button{outline:0;transition:transform .3s ease-out}.input button,.input input{background:none;border:none}.input input{font-family:"Poppins",sans-serif;height:2rem;font-size:1.5rem;margin-right:auto}.task{display:flex;font-family:"Poppins",cursive;font-size:1.5em;color:#3b4c5c;opacity:.75;background-color:#cece47}ul li{border-bottom:1px dotted #6b7580}ul li:nth-child(2){border-top-left-radius:10px;border-top-right-radius:10px}li:last-child{box-shadow:0 15px 20px -12px rgba(0,0,0,.4);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:none}.task span{margin:auto auto auto 20px}.finishedList .task span{text-decoration:line-through}ul{list-style:none;padding-left:0}@media (max-width:576px){.task img:hover{background:#d3d369}}@media (min-width:577px){body{background:linear-gradient(0deg,grey,transparent),#3b4c5c url(/To-do/static/media/desk.b9e65c66.jpg) right 0/100% no-repeat;width:500px;margin:3em auto}.task img:hover{transform:scale(1.3)}.input button:hover{transform:scale(1.1)}}
/*# sourceMappingURL=main.aa612bdd.chunk.css.map */