body{display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5rem}.inputTask{display:flex;justify-content:center;align-items:center}input{margin:1rem;padding:.5rem;border:.01rem solid grey;border-radius:.5rem;height:1.75rem;width:25rem;font-size:1rem}.inputBtn button{margin:1rem;border:none;background-color:#000;color:#fff;border-radius:.5rem;height:2.75rem;width:7rem;font-size:1rem;cursor:pointer}button:hover{opacity:.7}.showTasks{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;width:100%}.noTask{color:gray}.taskContainer{display:flex;border:.01rem solid lightgrey;border-radius:.6rem;margin:.5rem;padding:.5rem}ul{list-style-type:none;width:100%;padding:0}.singleTask{width:70%;word-break:break-all;padding:.5rem}.options{display:flex;margin-left:auto}.options div{cursor:pointer;padding:.5rem;border-radius:.5rem}.options div:hover{background-color:#b4b4b4;opacity:.8}.tick{color:green}.edit{color:#00f}.delete{color:red}