.App{display:flex;align-items:center;flex-direction:column;width:100vw;height:100vh;font-family:Arial,Helvetica,sans-serif}body{margin:0%;padding:0%}.header{flex:30%;background-color:tomato;width:100%;display:flex;justify-content:center;align-items:center}.header input{width:200px;height:40px;display:flex;border:none;border-bottom-left-radius:8px;border-top-left-radius:8px;padding-left:10px;font-size:17px;border:1px solid gray}.header button{width:70px;height:87px;border:none;border-bottom-left-radius:8px;border-top-right-radius:8px;padding-left:10px;cursor:pointer}.todoList{flex:70%;width:100%;display:flex;align-items:center;padding-top:3.125rem;flex-direction:column}.task{width:500px;height:50px;display:flex;color:#fff;margin:15px}.task .content{flex:80%;height:100%;display:flex;justify-content:center;align-items:center}.task .content span{display:grid;place-items:center;border:1px solid white;width:100%;height:100%;font-size:18px;border-right:none;background-color:tomato}.task button{flex:20%;height:100%;border:none;background-color:#20b2aa;border-top-right-radius:8px;border-bottom-right-radius:8px;color:#fff;cursor:pointer}