.footer{max-width:1440px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%;height:50px;background:#0009;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);border-radius:20px 20px 0 0}.footer__wrap{padding:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%}.btn-gh{display:flex;position:relative;justify-content:center;align-items:center;gap:5px;text-decoration:none;outline:none}.btn-gh__span{color:#000;font-size:18px;font-weight:600}.btn-gh__img{width:30px;height:30px}.table-field{border-spacing:0px;border-collapse:collapse;border:1px solid black;-webkit-user-select:none;user-select:none}td,th{width:30px;height:30px;padding:4px;line-height:1.5;white-space:nowrap;font-size:16px}td:nth-child(5n+1),th:nth-child(5n+1){border-right:2px solid black}tr:nth-child(5n+1) td,tr:nth-child(5n+1) th{border-bottom:2px solid black}th{background-color:#fff}th.night-mode{background-color:#8d8de4}.highlight{background-color:#e5f1b1}td{border-top:1px solid #aaa;border-left:1px solid #aaa;position:relative}td:hover{opacity:.75}.header{max-width:1440px;display:flex;justify-content:center;align-items:center;margin:0 auto;height:50px;background:#0009;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);border-radius:0 0 20px 20px}.header__wrap,.logo-wrap{display:flex;gap:10px;align-items:center;width:100%}.header__wrap{padding:0 20px}.title{font-size:24px}.btn-mode,.btn-sound,.btn-set{border-radius:10px;border:solid 1px;cursor:pointer;display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:3px;background-repeat:no-repeat;background-position:center;background-size:20px}.btn-mode{background-image:url(/svg/sun.svg);background-color:#f0eb9d}.btn-mode.dark{background-image:url(/svg/moon.svg);background-color:#784242}.btn-sound{background-image:url(/svg/audio.svg)}.btn-set{background-image:url(/svg/settings.svg)}.btn-about{width:30px;height:30px}.btn-about__img{width:100%}.btn-bar{display:flex;gap:5px}.btn-list{transform:translate(500%);position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:50px;right:0;text-decoration:none;list-style:none;background-color:#e8dfd9;-webkit-backdrop-filter:blur(92.5px);backdrop-filter:blur(92.5px);padding:15px 20px;gap:5px;margin:2px 0;border-radius:10px;font-size:18px;font-weight:800;transition:all .4s ease .1s}.active{transform:translate(0)}.btn{cursor:pointer;padding:5px 10px;border:1px solid black;border-radius:20px;text-align:center;text-transform:capitalize}.mute{background-image:url(/svg/audio-off.svg)}body{overflow:hidden;margin:0;padding:0;background-image:url(/svg/bg-img.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .5s ease .1s}body.dark{background-image:url(/svg/bg-img-dark.jpg)}.main{max-width:1440px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%;height:calc(100vh - 100px)}.main__wrap{padding:0 20px;display:flex;justify-content:space-between;flex-direction:column;align-items:center;width:100%}.section__table,.section__timer{display:flex;justify-content:center;align-items:center;margin:10px auto}.timer{font-size:24px;background-color:#a6e6a6;padding:20px;border-radius:20px}.pressed{background-color:#000}.mark:before{content:"";position:absolute;display:block;width:auto;height:auto;left:0;top:0;right:0;bottom:0;background:#0000 url(https://paulradzkov.com/2012/crosswise/cross.svg) no-repeat;background-size:100% 100%}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;width:80%;max-width:400px}.close-modal{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.close-modal:hover{background-color:#3e8e41}.table-field.dark{background-color:#995714;background:#a56d3c99}th.dark{background-color:#566c7c}td.dark{filter:blur(1px)}td.pressed.dark{background-color:#874085}.timer.dark{background-color:#a477a2}.blocked{pointer-events:none}