*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Arial,Helvetica,sans-serif;font-size:62.5%}body{background-color:#121212;color:#fff;font-size:1.6rem}.header{align-items:center;background-color:#1d1c1c;display:flex;height:6rem;justify-content:center;left:0;position:fixed;right:0;top:0}.header__title{color:#a710b4;font-size:2.5rem;font-weight:400}.header__title:first-letter{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:3rem;font-weight:800}.section{background-color:#121212;color:#d1d1d1;display:block;margin-top:6rem;padding:0 2rem;text-align:center}.section__title{color:#d1d1d1;font-weight:400;padding-top:2rem}.form{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;width:100%}.form input[type=text]{background-color:#333;border:none;border-radius:.2rem;color:#fff;font-size:1.6rem;max-width:500px;outline:none;padding:.8rem .6rem;width:100%}.form input[type=text]:focus{background-color:#444;color:#fff;font-weight:400}.form button{background-color:#bb86fc;border:none;border-radius:.4rem;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;max-width:500px;padding:.8rem 1.6rem;transition:background-color .3s ease;width:100%}.form button:hover{background-color:#7c4dff}.data-tarefas{margin-top:4rem}.title-tarefas h3{color:#bb86fc;font-weight:100;margin:2rem 0;position:relative}.tasks{background-color:#333;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;height:220px;margin-top:1rem;overflow-y:auto;padding:1rem}ul{max-width:100%;padding:0}li{border-radius:5px;color:#fff;display:flex;justify-content:space-between;list-style:none;margin:.5rem 0;overflow-wrap:break-word;padding:.8rem}li:nth-child(2n){background-color:#444}li:nth-child(odd){background-color:#555}li:hover{background-color:#666}.btnRemove{background-color:#cf6679;border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:1.1rem;margin-left:2rem;padding:.3rem}.no-tasks-message{color:#cf6679;font-size:1.4rem;font-weight:700;margin-top:3rem}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#212121;border-radius:.8rem;box-shadow:0 .4rem .6rem #0000001a;color:#cf6679;max-width:50rem;padding:2rem;text-align:center;width:80%}.modal .close{color:#fff;cursor:pointer;font-size:2.4rem;position:absolute;right:1rem;top:1rem}@media (max-width:21.5em){body{font-size:85%}.section__title{font-size:1.4rem}.form button,.form input[type=text],.no-tasks-message{font-size:1.2rem}.btnRemove{font-size:.9rem}}@media (min-width:48em){.section{margin-left:auto;margin-right:auto;max-width:48em;padding:0 2rem}.form button{max-width:200px}}.btn{background-color:#a710b4;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-weight:800;letter-spacing:.2rem;margin-top:2rem;padding:1rem 2rem;transition:background-color .35s ease-in-out}.btn:hover{filter:brightness(1.5)}
/*# sourceMappingURL=main.75d44495.css.map*/