@import"https://fonts.cdnfonts.com/css/harry-potter";*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/fondo\ ravenclaw.jpg);background-size:cover;background-repeat:no-repeat;background-position-x:center;height:100vh;text-align:center;margin:0 auto}.App{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}h1{font-family:Harry Potter,sans-serif;color:#b7a488;font-size:3.1rem;letter-spacing:.2rem;margin:4rem 4rem 1rem 3.5rem;text-shadow:0 1px 0 rgba(35,35,35,.911)}.todo-input{height:150px;align-items:center}hr{background-color:#946b2d;height:2px;margin:1rem}.file-input{display:flex;flex-direction:row;justify-content:center;margin:0 0 1rem 4rem;gap:1rem}.file-input>.text{outline:none;padding:0 10px;font-size:15px;width:230px;height:46px;border:0px solid}.text{margin:0;border-radius:3px;box-shadow:2px 5px 8px;width:300px;height:50px}.btn-task{padding:0 5px;font-size:3rem;text-align:center;color:#fff;background-color:#222f5bcc;border:none;border-radius:5px;box-shadow:2px 2px 2px;margin-top:-4px}.btn-task:hover{background-color:#946b2d;transform:scale(1.2) perspective(1px)}.check{background-color:#946b2d;border:none;border-radius:5px;padding:.5rem;font-size:1rem;font-family:Harry Potter,sans-serif;letter-spacing:.2rem}.strike{text-decoration:line-through}.blur{filter:blur(3px)}.todo-list{background-color:#b7a48880;font-family:Arial,Helvetica,sans-serif;border:none;border-radius:5px;width:350px;margin:4rem 1rem;padding:2rem;color:#fff;font-size:1.1rem;font-weight:900}.btn-task{box-shadow:2px 2px 2px}.new-item{display:flex}.file-input{display:flex;flex-direction:row;justify-content:center}.new-item{background-color:#dadadadf;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:1% 0;margin-bottom:3%;border-radius:10px}.todo__text{color:#0e1a40;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;width:230px;overflow-wrap:break-word}.input-editar{width:230px;padding-left:3px}.btn-borrar-item{background-color:#946b2d;border:none;border-radius:50%;padding:4px 9px;border:1px solid white}.btn-borrar-item img{width:10px;height:13px}.btn-editar-item{background-color:#222f5b;border-radius:50%;padding:4px 9px;border:1px solid white}.btn-editar-item img{width:10px;height:13px}.btn-enviar-editar-item{background-color:#222f5b;border-radius:50%;padding:4px 9px;border:1px solid white}.btn-enviar-editar-item img{width:10px;height:13px}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.15em solid #222f5b;border-radius:50%;transform:translateY(-.075em);margin:0 0 0 10px}input[type=checkbox]:checked{background-color:#946b2d}@keyframes done{0%{width:0}to{width:100%}}.done{color:#946b2d;opacity:.8;font-weight:100;position:relative;text-decoration:line-through 1px #222f5b}.todo-input a img{width:30px;margin-left:-8px}@media only screen and (min-width: 390px) and (max-width: 768px){.todo-list{width:370px;margin:4rem auto;padding:2rem}}@media only screen and (min-width: 769px){.todo-list{width:700px;margin:4rem auto;padding:2rem}h1{font-size:5rem}.btn-editar-item{padding:6px 12px}.btn-editar-item img{width:20px;height:20px}.btn-borrar-item{padding:6px 12px;margin-left:1rem}.btn-borrar-item img{width:20px;height:20px}.btn-enviar-editar-item{padding:6px 12px}.btn-enviar-editar-item img{width:20px;height:20px}.todo__text{width:350px}.input-editar{width:350px;height:30px;border-radius:5px;font-size:1.1rem;padding-left:10px}.check{padding:1rem;font-size:1.2rem}.todo-input a img{width:40px;margin-left:2px}}