@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.mensagem-bemvindo{color:#7d83b9;text-align:center;max-width:500px;line-height:1.4;font-weight:900}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center}.login-container h1{font-size:1.9rem;margin-bottom:20px}.login-container form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px;padding:20px;background-color:#3a3f4a;border-radius:8px;margin-top:10px}.login-container form div{display:flex;flex-direction:column;text-align:left}.login-container label{margin-bottom:5px;font-weight:700}.login-container input{padding:10px;font-size:1rem;border:none;border-radius:4px}.login-container button{padding:12px;font-size:1rem;font-weight:700;background-color:#61dafb;color:#282c34;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.login-container button:hover{background-color:#52b9d9}.login-container p{margin-top:20px}.login-container a{color:#61dafb;text-decoration:none}body{background:#222435;font-family:Roboto,sans-serif}*:focus{outline:none}h1{font-weight:900;color:#7d83b9;text-align:center}.task-form{display:flex;position:relative;width:600px;height:60px;margin:30px auto 60px}.task-input{display:flex;width:100%;height:60px;background:#2d3046;border:none;padding-left:30px;font-size:16px;border-radius:10px;color:#fff}button.add{position:absolute;top:0;right:0;background:#363b65;border:none;color:#fff;cursor:pointer;padding:10px 25px;height:62px;border-top-right-radius:10px;border-bottom-right-radius:10px}button.add:hover{color:#fff;background:#363f88}.logout-button{position:fixed;top:20px;right:30px;border:1px solid #ff004c;background:none;padding:10px 20px;color:#ff004c;font-weight:700;border-radius:5px;font-family:Roboto,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ff004c;color:#fff}.listaTarefas{display:flex;justify-content:center;flex-flow:column wrap;width:600px;margin:auto}.item{display:flex;justify-content:space-between;border:1px solid #363b65;color:#000;margin-bottom:10px;cursor:pointer}.item:hover{background:#151627}.item span{text-align:start;width:100%;color:#fff;margin-right:10px;padding:10px 15px}.itemCompleto{text-align:start;display:flex;justify-content:space-between;color:#000;background:#1e1f2e;border:none;margin-bottom:10px;cursor:pointer;opacity:.5}.itemCompleto span{width:100%;color:#4d506e;margin-right:10px;padding:10px 15px;text-decoration:line-through}button.del{border:none;background:none;color:#4d506e;padding:15px;cursor:pointer}button.del:hover{border:none;background:#ff004c;color:#fff;padding:15px;cursor:pointer}button.delAll{border:1px solid #ff004c;background:none;padding:15px;color:#ff004c;font-weight:700;border-radius:5px;margin-top:30px}button.delAll:hover{background:#ff004c;font-weight:700;border-radius:5px;color:#fff;cursor:pointer}.icone-central{max-width:100%}@media screen and (max-width: 900px){form,.listaTarefas{width:100%}}