body{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;background-color:#2f0147}div{display:flex;flex-direction:column;color:#fff;text-align:center;overflow:hidden;align-items:center}input{border-radius:50px;border:none;padding:5px}#description{padding-block:20px;border-radius:10px}form{display:flex;flex-direction:column;gap:5px}button{margin-top:10px;width:40px;height:40px;border-radius:50px;border:none;background-color:#9c528b;color:#e2c2c6;display:flex;justify-content:center;align-items:center}#taskBody{background-color:#9c528b;display:flex;justify-content:center;align-items:center;font-size:12px;border-radius:20px;padding:10px;overflow:hidden;height:200px}#taskBodyComplete{background-color:#9c528b;display:flex;justify-content:center;align-items:center;font-size:12px;border-radius:20px;padding:10px;overflow:hidden;height:200px;opacity:40%}#navigationArea{display:flex;width:100%;justify-content:space-around}.buttonTask{background-color:#2f0147}#taskArea{width:16rem;display:grid;grid-template-columns:repeat(2,2fr);height:50vh;gap:5px;overflow:auto;margin-top:20px}#filterBar{width:100%;display:grid;grid-template-columns:repeat(2,2fr)}.buttonFilter{background-color:transparent;color:#fff;font-weight:700;text-decoration:underline}@media screen and (min-width: 1000px){#taskArea{width:40rem;grid-template-columns:repeat(4,2fr)}}@keyframes bolha{0%{transform:scale(.7)}50%{transform:scale(1)}to{transform:scale(.7)}}#ball{z-index:-1;position:absolute;border-radius:100%;box-shadow:0 0 10px #ffffff28;animation:bolha 5s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}#headDetailsTask{gap:50px;flex-direction:row;justify-content:space-around}#detailsbody{height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#taskResume{background-color:#9c528b;font-weight:lighter;width:10rem;overflow:auto;height:12rem;padding:10px;border-radius:10px}#taskStatus{background-color:#552c6b;border-radius:50px;padding:10px}