a[data-v-3d3c9e2e]{color:#42b983}.likes{text-align:left;height:5rem;width:8rem;font-size:1.5rem;padding:.6rem 1rem;border:3px solid lightgrey;border-radius:10px;margin:.2rem}:hover.likes{color:#fff;background:darkgrey}@media only screen and (max-width: 600px){.likes{height:3rem;width:4rem;font-size:.8rem;padding:.4rem}}.template{padding:1rem}ul{list-style-type:none;padding-left:0}li{color:gray;font-size:1.5rem;padding:0rem;margin:0rem}.li{display:flex}:hover.li{opacity:2}span{display:block;font-weight:700;font-size:1.5rem;overflow-wrap:break-word;hyphens:manual;overflow:hidden;text-overflow:ellipsis;max-width:80%;width:1500rem;max-height:2.4rem;max-height:4rem;padding:.5rem}.remove{color:red;background:darkgray;height:4.2rem;width:4.2rem;font-weight:700;font-size:2.5rem;margin:.5rem;padding:.5rem 1rem;border:3px solid grey;border-radius:15%}:hover.remove{color:#fff;background:red}input[type=checkbox]{transform:scale(5.2);margin-top:2.2rem;margin-left:1.5rem;margin-right:1.8rem}.done{font-weight:700;text-decoration:line-through;opacity:.3}:hover.done{color:#000;background:white;text-decoration:none}.inputField{width:80%;font-size:1.5rem;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.3rem}.button{font-size:1.5rem;padding:.3rem 1rem;border:3px solid #ccc;border-radius:5px}@media only screen and (max-width: 1600px){span{max-width:70%}}@media only screen and (max-width: 1400px){span{max-width:60%}}@media only screen and (max-width: 900px){.inputField{width:70%}}@media only screen and (max-width: 800px){span{max-width:50%}}@media only screen and (max-width: 700px){span{max-width:40%}}@media only screen and (max-width: 600px){ul{list-style-type:none}.li{color:gray;font-size:.8rem}span{font-size:.6rem;max-width:50%;padding:.5rem;margin-left:.7rem}.remove{border:1px solid grey;font-size:1.4rem;padding:.2rem;margin:.5rem .1rem;height:2.5rem;width:2.5rem}input[type=checkbox]{transform:scale(3);margin:1.3rem .1rem .2rem .9rem}.button{font-size:.8rem}.inputField{width:60%;font-size:.8rem;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.3rem}}@media only screen and (max-width: 500px){span{max-width:50%;max-height:2.4rem}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d3d3d3}html,body{margin:0;background-color:#d3d3d3}
