body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{-moz-box-sizing:border-box;box-sizing:border-box}.todos{color:#0070f3}.l,.label-input,.todos{font-family:monospace;font-weight:bolder}.l{color:red}.input-text{border:none;border-bottom:2px solid #000;margin:5px 0}.button-input{padding:10px 24px;font-size:16px;border-radius:12px;background-color:#0070f3;color:#fff;border:2px solid #0070f3;display:inline-block;margin:10px;cursor:pointer}.button-input:hover{background-color:#fff;color:#0070f3}.container{min-height:100vh;padding:0 .5rem;flex-direction:column}.container,.main{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.main{padding:5rem 0;-moz-box-flex:1;flex:1 1;flex-direction:column}.footer{width:100%;height:100px;border-top:1px solid #eaeaea;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.footer img{margin-left:.5rem}.footer a{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.title a{color:#0070f3;text-decoration:none}.title a:active,.title a:focus,.title a:hover{text-decoration:underline}.title{margin:0;line-height:1.15}.description,.title{text-align:center}.description{line-height:1.5}.delete{background-color:transparent;border:none;text-decoration:underline;font-size:12px;color:#0070f3;font-family:monospace;cursor:pointer;font-weight:700}.card:active,.delete:focus,.delete:hover{color:#000;-webkit-text-decoration:#fff;-moz-text-decoration:#fff;text-decoration:#fff}.code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.grid{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;flex-wrap:wrap;max-width:800px;margin-top:3rem}.btn{border-color:transparent}.btn,.card{background-color:transparent}.card{margin:1rem;flex-basis:45%;padding:1.5rem;text-align:center;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;-webkit-transition:color .15s ease,border-color .15s ease;transition:color .15s ease,border-color .15s ease;cursor:pointer;display:inline-block}.card:active,.card:focus,.card:hover{color:#0070f3;border-color:#0070f3}.card1{margin:1rem;flex-basis:45%;padding:1.5rem;text-align:center;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;-webkit-transition:color .15s ease,border-color .15s ease;transition:color .15s ease,border-color .15s ease;background-color:transparent;cursor:pointer;display:inline-block}.card1:active,.card1:focus,.card1:hover{color:#0070f3;border-color:#0070f3}.card h3{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.txt{font-family:monospace;font-weight:700;font-size:20px}.logo{height:1em}.plus{text-align:center;cursor:pointer;font-size:20px;background:#fff}.modal{font-size:16px;font-family:monospace;border:1px solid grey;background:#d3d3d3;box-shadow:0 0 3px rgba(0,0,0,.16);font-weight:bolder}.modal>.header{border-bottom:1px solid grey;text-align:center;padding:5px;color:#0070f3;margin:5px}.modal>.content{padding:10px 5px}.modal>.actions{width:100%;padding:10px 5px;margin:auto;text-align:center}.modal>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-10px;top:-10px;font-size:24px;background:#fff;border-radius:18px;border:1px solid #cfcece}.button-input1{border-radius:12px;background-color:#0070f3;color:#fff;border:2px solid #0070f3;display:inline-block;margin:10px;cursor:pointer}.button-input1:hover{background-color:#fff;color:#0070f3}@media (max-width:199px) and (orientation:landscape){.title{margin:0;line-height:1.15;font-size:40px}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:100px;width:200px;font-size:12px}.modal>.header{font-size:16px}.modal>.content{padding:10px 5px;font-size:12px}.button-input1{padding:4px 18px;font-size:18px}}@media only screen and (min-width:200px) and (max-width:767px){.title{margin:0;line-height:1.15;font-size:40px}.description{font-size:20px}.card,.card1{width:150px;height:60px}.txt{font-size:15px}.delete,.modal{font-size:10px}.modal{height:100px;width:200px}.modal>.header{font-size:12px}.modal>.content{padding:10px 5px;font-size:10px}.button-input1{padding:4px 18px;font-size:18px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.title{margin:0;line-height:1.15;font-size:40px}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:200px;width:400px;font-size:12px}.modal>.header{font-size:18px}.modal>.content{padding:10px 5px;font-size:16px}.button-input1{padding:6px 20px;font-size:12px}}@media (min-width:1025px) and (max-width:1280px){.title{margin:0;line-height:1.15;font-size:4rem}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:200px;width:400px;font-size:12px}.modal>.header{font-size:18px}.modal>.content{padding:10px 5px;font-size:16px}.button-input1{padding:6px 20px;font-size:12px}}@media (min-width:1281px){.title{margin:0;line-height:1.15;font-size:4rem}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:200px;width:400px;font-size:12px}.modal>.header{font-size:18px}.modal>.content{padding:10px 5px;font-size:16px}.button-input1{padding:6px 20px;font-size:10px}}@media (max-width:199px) and (orientation:landscape){.todos{font-size:40px}.input-text{padding:6px 14px}.label-input{font-size:14px}.button-input{padding:6px 20px}.title{margin:0;line-height:1.15;font-size:40px}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:100px;width:200px;font-size:12px}.modal>.header{font-size:16px}.modal>.content{padding:10px 5px;font-size:12px}.button-input1{padding:4px 18px;font-size:18px}}@media only screen and (min-width:200px) and (max-width:767px){.todos{font-size:40px}.input-text{padding:6px 14px}.label-input{font-size:14px}.button-input{padding:6px 20px}.title{margin:0;line-height:1.15;font-size:40px}.description{font-size:20px}.card,.card1{width:150px;height:60px}.txt{font-size:15px}.delete,.modal{font-size:10px}.modal{height:100px;width:200px}.modal>.header{font-size:12px}.modal>.content{padding:10px 5px;font-size:10px}.button-input1{padding:4px 18px;font-size:18px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.todos{font-size:70px}.input-text{padding:8px 16px}.label-input{font-size:16px}.button-input{padding:10px 24px}.title{margin:0;line-height:1.15;font-size:40px}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:200px;width:400px;font-size:12px}.modal>.header{font-size:18px}.modal>.content{padding:10px 5px;font-size:16px}.button-input1{padding:6px 20px;font-size:12px}}@media (min-width:1025px) and (max-width:1280px){.todos{font-size:70px}.input-text{padding:8px 16px}.label-input{font-size:16px}.button-input{padding:10px 24px}.title{margin:0;line-height:1.15;font-size:4rem}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:200px;width:400px;font-size:12px}.modal>.header{font-size:18px}.modal>.content{padding:10px 5px;font-size:16px}.button-input1{padding:6px 20px;font-size:12px}}@media (min-width:1281px){.todos{font-size:70px}.input-text{padding:8px 16px}.label-input{font-size:16px}.button-input{padding:10px 24px}.title{margin:0;line-height:1.15;font-size:4rem}.description{font-size:1.5rem}.card1{width:190px;height:80px}.card{width:100%;height:100%}.txt{font-size:20px}.delete{font-size:15px}.modal{height:200px;width:400px;font-size:12px}.modal>.header{font-size:18px}.modal>.content{padding:10px 5px;font-size:16px}.button-input1{padding:6px 20px;font-size:12px}}