*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;line-height:1;text-decoration:none}li{list-style:none}html{font-family:Arial,sans-serif}.app{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.content{align-items:center;display:flex;flex-direction:column;justify-content:center}.header{background:orange;padding:12px 0}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__nav{display:flex;gap:24px}.header__link{text-align:center;width:100px}.counter{align-items:center;border:4px double gray;display:flex;flex-direction:column;gap:24px;justify-content:center;margin-top:60px;padding:40px 0;width:288px}.counter__count{display:flex;gap:8px;justify-content:space-between;padding:0 32px;width:100%}.counter__buttons{display:flex;gap:16px}.counter__button{font-size:24px;height:40px;width:100px}.todos{margin:60px auto 24px}.todos__hint{margin-top:120px}.todos__buttonContainer{display:flex;justify-content:center;margin-bottom:24px}.todos__button{width:160px}.todo{align-items:center;border:4px double gray;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:8px;width:288px}.todo__title{flex-grow:1}.todo__button,.todo__checkbox{cursor:pointer;height:24px;width:24px}.todo__button{align-items:center;display:flex;justify-content:center}.button{background:#d3d3d3;border:none;box-shadow:1px 1px 4px #000;cursor:pointer;padding:8px 12px;transition:all .1s linear}.button:focus,.button:hover{background:gray;color:#fff}.button:active,.isActive{box-shadow:0 0 0 transparent}
/*# sourceMappingURL=main.636b2bb0.css.map*/