#name{font-family:Poppins,sans-serif;font-size:30px;text-transform:uppercase;text-align:center;margin:40px auto;color:#2e363b;color:#9c27b0;font-weight:700}#Header{display:flex;flex-direction:row;margin:40px auto 30px;justify-content:center;padding:20px;gap:20px}#addTask{border:none;border-radius:15px;outline:none;padding:20px;width:50%}#addTask::placeholder{font-family:Poppins,sans-serif;text-transform:uppercase}#addBtn{border:none;padding:8px;outline:none;border-radius:5px;width:90px;background-color:#9c27b0;color:#fff;cursor:pointer}#tasks{gap:20px;padding:20px;justify-content:center}#tasks__heading{font-family:Poppins,sans-serif;font-size:20px;text-transform:uppercase;margin:40px auto;color:#9c27b0;display:block;text-align:center}#singleTask{display:flex;flex-direction:row;justify-content:space-between;gap:10px;border:1px solid #9C27B0;margin:10px auto;border-radius:10px;width:50%;padding:20px;background-color:#9c27b0}#singleTask_define{display:flex;gap:10px;align-items:center}#singleTask_text{font-family:Poppins,sans-serif;font-size:15px;text-transform:uppercase;color:#fff}#singleTask__delete{border:none;padding:8px;outline:none;border-radius:5px;width:90px;background-color:#fff;cursor:pointer}#singleTask_icon{font-size:20px;color:#fff}@media screen and (max-width: 768px){#singleTask{width:auto}}body{background-color:#eceff1}