@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.container-task{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-top:1.5rem;border-radius:8px;border:solid 1px var(--dark-pink)}.container-details{display:flex;justify-content:space-between;align-items:center}.btn-details{margin-right:.5rem;background-color:var(--light-pink)}.container-list{width:55%;margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.container-homepage{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem}.container-page-details{display:flex;justify-content:center}.container-task-details{width:70%;margin-top:3rem;padding:1.5rem;border:solid 1px var(--light-pink);border-radius:8px}.container-task-details-text p{margin:1rem 0}:root{--font-roboto: "Roboto", sans-serif;--dark-blue: #151237;--dark-pink: #c01b8c;--light-pink: #da4aad;--white: #ffffff;--green: #249f43;--red: #f43b53}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-roboto);font-weight:400;background-color:var(--dark-blue);color:var(--white);line-height:1}.container-page-form{display:flex;justify-content:center}.container-form{width:70%;margin-top:3rem;padding:1.5rem;border:solid 1px var(--light-pink);border-radius:8px}label{font-size:1.2rem;margin-top:1rem}.form-error-message{font-size:.75rem;color:var(--red);display:none}.form-input{display:flex;flex-direction:column}input{padding:.8rem;margin:.8rem 0;border-radius:8px}input:invalid[focused=true]{border:1px solid var(--red)}input:invalid[focused=true]~span{display:block}.form-select-status{width:20%;border-radius:4px;padding:.3rem;margin-top:.8rem}.btn-form{margin-top:1.2rem}.btn{padding:.6rem 1.2rem;text-decoration:none;font-weight:700;border-radius:8px;border:none;cursor:pointer;background-color:var(--dark-pink);color:var(--white);transition:all .3s}.btn:hover{background-color:var(--light-pink)}.font-bold{font-weight:700}@media (max-width: 75em){html{font-size:80%}}@media (max-width: 59em){html{font-size:70%}.form-select-status{width:40%}.container-list{width:70%}.container-task-details{width:80%}}@media (max-width: 44em){.container-task-details{width:90%}}@media (max-width: 34em){.container-form{width:90%}.form-select-status{width:50%}.container-list{width:90%}}