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