@import"https://fonts.googleapis.com/css2?family=BBH+Sans+Bogle&display=swap";@import"https://fonts.googleapis.com/css2?family=BBH+Sans+Bogle&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body{background-color:#13102b}h1{font-size:50px;letter-spacing:1px;color:#7356f5;text-align:center;margin-top:100px;font-family:BBH Sans Bogle,sans-serif}form{display:flex;width:600px;height:60px;margin:50px auto;position:relative}input{background-image:linear-gradient(to right,#1c2169,#5521e4);font-size:20px;display:flex;padding-left:20px;border:none;border-radius:40px;width:100%;outline:none;color:#fff;font-family:Roboto,sans-serif;transition:box-shadow .3s ease}input:hover{box-shadow:0 0 15px 3px #ffffff18}input::placeholder{color:#ffffff63;font-family:Roboto,sans-serif}button.add{font-family:Roboto,sans-serif;position:absolute;top:0;right:0;height:100%;width:13%;border:none;border-radius:40px;background-color:#01018b7a;color:#fffb;font-size:20px;transition:background-color .3s ease,box-shadow .4s ease,font-size .3s ease;cursor:pointer}button.add:hover{background-color:#3232ec7a}button.add:active{background-color:#1f178d;box-shadow:0 0 15px 3px #ffffff18;font-size:17px}.listaTarefas{display:flex;justify-content:center;flex-flow:column wrap;margin:auto;width:600px}.item{margin-bottom:10px;display:flex;font-size:20px;justify-content:space-between;cursor:pointer}.item.incompleto span{color:#fff;width:100%;background-color:#0c3386;padding:10px 15px;margin-right:15px;border-radius:15px;transition:background-color .3s ease}.item.incompleto span:hover{background-color:#006eff8c}.item.completo{display:flex;font-size:20px;justify-content:space-between;border-radius:15px}.item.completo span{margin-right:15px;border-radius:15px;background-color:#071e50;color:gray;width:100%;padding:10px 15px;text-decoration:line-through;opacity:.6;transition:background-color .3s ease}.item.completo span:hover{background-color:#004299c0}button.delete{background-color:#272727;border:none;color:#fff;width:70px;border-radius:15px;transition:box-shadow .3s ease,background-color .3s ease,font-size .3s ease}button.delete:hover{background-color:#8b0b0b;box-shadow:0 0 15px 3px #ff00007a}button.delete:active{font-size:11px}button.deleteAll{border:1px solid #ff00007a;background:none;padding:15px;color:#7e7e7e;border-radius:40px;width:200px;margin:35px auto auto;transition:box-shadow .3s ease,background-color .3s ease,font-size .3s ease,color .3s ease}button.deleteAll:hover{box-shadow:0 0 15px 3px #ff00007a;background-color:#8b0b0b;color:#fff}.icone{margin:auto;width:250px;border-radius:40px;height:auto;display:block}@media screen and (max-width: 900px){form,.listaTarefas{width:100%}}