body{margin:0;font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}#root{max-width:300px;margin:5px auto;padding:5px}.site-title{font-size:2rem;margin:5px 0}.counter{display:grid;grid-template-columns:1fr min-content;height:100px}.counter-count{font-size:5rem;height:100px;text-align:center;border:1px solid lightgray;margin-right:10px}.counter-buttons{display:flex;flex-direction:column}.increment-btn{width:80px;height:80px;border-radius:50%;border:1px solid #92bdc5;background-color:#a3e7f4}.decrement-btn{width:20px;height:20px;border-radius:50%;border:1px solid #c57673;background-color:#eca3a7}.actions{border:1px solid #95a5a5;padding:0 5px}.actions-header{font-size:1.3rem;margin:5px 3px 0}.action{margin:10px 0}.action>p{margin:0}.add-action-form-header{font-size:1.3rem;margin:5px 3px 0}.add-action-form{width:100%;display:grid;grid-template-rows:.5fr .5fr max-content;margin-bottom:10px;gap:2px}.todo-list-header{font-size:1.3rem;margin:5px 3px 0}.action-todo-list{list-style-type:none;padding:0;margin:0}.action-todo,.action-todo>input{list-style-type:none;cursor:pointer}.action-todo>input{margin-right:5px}.done{text-decoration:line-through}