.toDoBox{border:1px solid black;background-color:#eee;box-shadow:.25rem .25rem #0c170e63;display:flex;flex-direction:column;padding:1rem;margin:1rem;gap:10px}.statusBar{border:1px solid black;background-color:#b9b8b4;box-shadow:.25rem .25rem #0c170e63;display:flex;flex-direction:row;padding:1rem;margin:1rem;gap:10px;justify-content:space-around}.actionButton{border-radius:5px;padding:2px;background-color:#2febe5}.taskBox{border:1px solid black;background-color:#74cd07;box-shadow:.25rem .25rem #0c170e63;display:flex;flex-direction:column;gap:10px;justify-content:space-around}.taskDone{background-color:#c5c3c1}.taskDetails{background-color:#7052295d;display:flex;flex-direction:row;justify-content:space-between}.taskMain{display:flex;flex-direction:row;justify-content:space-between;padding:.1rem .2rem}.removeButton{border-radius:5px;padding:2px;background-color:#b0d790}.taskList{border:1px solid black;background-color:#f1daa9;display:flex;flex-direction:column;padding:1rem;margin:1rem;gap:10px;justify-content:space-around}.main{padding:20px 100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.innerMain{border:1px solid black;width:400px}h1{color:#000;display:flex;justify-content:center;align-items:center;font-size:70px;font-family:Rampart One,sans-serif;font-weight:400}:root{font-family:Handlee,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}