@import "https://fonts.googleapis.com/css?family=Muli&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{justify-content:center;align-items:center;font-family:Muli;display:flex}li{list-style:none}.container{background:linear-gradient(135deg,#f0d896,#4d0353);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:10px;display:flex}.todo-app{background:linear-gradient(135deg,#d9bf77,#6a0572);border-radius:10px;width:100%;max-width:540px;padding:40px 30px 70px;box-shadow:30px 30px 10px #0000004d}.todo-app h2{color:#002765;align-items:center;margin-bottom:20px;font-size:30px;font-weight:900;display:flex}.todo-app img{width:40px;margin:0 0 13px 13px}.row{width:100%;height:40px;margin:20px 0}#user-input{color:#000;cursor:text;background-color:#d4d4d4;border:0;border-radius:30px;width:80%;padding:10px 15px;font-family:Muli;font-size:18px;font-weight:500}#user-input:focus{outline:none}#btn{color:#fff;cursor:pointer;background-color:#aa8ed6;border:0;border-radius:30px;margin-top:10px;margin-left:10px;padding:10px 20px;font-size:20px}#list-items{margin-top:50px}#list-items li{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;margin-bottom:30px;padding:0 8px 0 50px;position:relative}#list-items li:before{content:"";background-image:url(unchecked.9fb4f254.png);background-position:50%;background-size:cover;border-radius:50px;width:30px;height:30px;position:absolute;top:-5px;left:5px}#list-items li.checked{text-decoration:line-through}#list-items li.checked:before{background-image:url(checked.3f57a9e8.png)}#list-items li span{padding:8px 10px;transition:background-color .3s,color .3s;position:absolute;top:-8px;right:30px}#list-items li span:before{content:"X"}#list-items li span:hover{color:#000;background-color:#d4d4d4}
/*# sourceMappingURL=index.6d36bcb8.css.map */