@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap);
:root {
  font-size: 18px;
}

* {
  box-sizing: border-box;
}

body {
  display: grid;
  place-items: center;
  background-color: #191920;
  color: white;
  font-family: 'Work Sans', sans-serif;
}

h1 {
  text-align: center;
}

p {
  margin: 0;
}

button,
input[type=text],
input[type=submit] {
  font-family: inherit;
  font-size: 1rem;
  border-radius: 4px;
  padding: 0.4rem 0.5rem;
}

button,
input[type=submit] {
  color: #fff;
  background-color: #4296ab;
  border: 2px solid #60a2b3;
  transition: background-color 80ms;
  cursor: pointer;
}

button:hover,
input[type=submit]:hover {
  background-color: #276375;
}

#task-form label {
  font-size: 1rem;
  display: block;
  margin-block-end: 0.5rem;
}

#task-form div {
  display: flex;
  gap: 0.3rem;
}

#task-form input[type=text] {
  flex: 1;
}

#stats-section {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.75rem;
  margin-block: 0.5rem;
  border: solid 1px rgba(255, 255, 255, 0.094);
  border-radius: 5px;
  background-color: rgba(181, 234, 241, 0.088);
  transition: background-color 300ms, border-color 300ms;
}

#stats-section[data-complete=true] {
  background-color: rgba(111, 224, 113, 0.159);
  border-color: rgba(111, 224, 128, 0.262);
}

#stats-section h3 {
  margin: 0 0 0.5rem;
}

#stats-section p {
  color: #a7a7b0
}

#stats-section span {
  color: white;
}

#todo-list {
  min-width: 18rem;
  padding-inline-start: 0;
  margin-block: 0;
}

#todo-list li {
  display: flex;
  align-items: center;
  list-style-type: none;
  border-radius: 5px;
  padding-inline: 4px;
}

#todo-list li:hover, #todo-list li:has(*:focus-visible) {
  background-color: rgba(118, 202, 228, 0.15)
}

#todo-list label {
  padding-block: 8px;
  user-select: none;
  flex: 1;
}

#todo-list label:has(input:checked) {
  color: rgba(255, 255, 255, 0.612);
  text-decoration: line-through;
}

#todo-list input[type=checkbox] {
  margin-right: 0.5rem;
  accent-color: #5fe1df;
}

#todo-list button {
  opacity: 0;
  font-size: 0.75rem;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgb(191, 78, 98);
  border: none;
}

#todo-list button:hover {
  background-color: rgb(145, 55, 71);
}

#todo-list li:hover button,
#todo-list li:has(*:focus-visible) button {
  opacity: 1;
}

#solution-warning {
  border: solid 1px rgba(235, 102, 120, 0.548);
  background-color: rgba(235, 102, 120, 0.123);
  border-radius: 5px;
  padding: 0.75rem;
  margin-block: 1rem;
}

#border {
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  border: solid 2px rgb(235, 102, 120);
  overflow: hidden;
  box-shadow: inset 0px 0px 20px 0px rgba(235, 102, 120, 0.6);
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5jc3MiLCJtYXBwaW5ncyI6IjtBQUVBO0VBQ0UsZUFBZTtBQUNqQjs7QUFFQTtFQUNFLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIseUJBQXlCO0VBQ3pCLFlBQVk7RUFDWixvQ0FBb0M7QUFDdEM7O0FBRUE7RUFDRSxrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxTQUFTO0FBQ1g7O0FBRUE7OztFQUdFLG9CQUFvQjtFQUNwQixlQUFlO0VBQ2Ysa0JBQWtCO0VBQ2xCLHNCQUFzQjtBQUN4Qjs7QUFFQTs7RUFFRSxXQUFXO0VBQ1gseUJBQXlCO0VBQ3pCLHlCQUF5QjtFQUN6QixpQ0FBaUM7RUFDakMsZUFBZTtBQUNqQjs7QUFFQTs7RUFFRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxlQUFlO0VBQ2YsY0FBYztFQUNkLHdCQUF3QjtBQUMxQjs7QUFFQTtFQUNFLGFBQWE7RUFDYixXQUFXO0FBQ2I7O0FBRUE7RUFDRSxPQUFPO0FBQ1Q7O0FBRUE7RUFDRSxhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLDRDQUE0QztFQUM1QyxrQkFBa0I7RUFDbEIsNENBQTRDO0VBQzVDLHNEQUFzRDtBQUN4RDs7QUFFQTtFQUNFLDRDQUE0QztFQUM1Qyx3Q0FBd0M7QUFDMUM7O0FBRUE7RUFDRSxrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRTtBQUNGOztBQUVBO0VBQ0UsWUFBWTtBQUNkOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLHVCQUF1QjtFQUN2QixlQUFlO0FBQ2pCOztBQUVBO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixxQkFBcUI7RUFDckIsa0JBQWtCO0VBQ2xCLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFO0FBQ0Y7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIsaUJBQWlCO0VBQ2pCLE9BQU87QUFDVDs7QUFFQTtFQUNFLGlDQUFpQztFQUNqQyw2QkFBNkI7QUFDL0I7O0FBRUE7RUFDRSxvQkFBb0I7RUFDcEIscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0UsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixVQUFVO0VBQ1YsYUFBYTtFQUNiLGNBQWM7RUFDZCxrQ0FBa0M7RUFDbEMsWUFBWTtBQUNkOztBQUVBO0VBQ0Usa0NBQWtDO0FBQ3BDOztBQUVBOztFQUVFLFVBQVU7QUFDWjs7QUFFQTtFQUNFLDRDQUE0QztFQUM1Qyw0Q0FBNEM7RUFDNUMsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxvQkFBb0I7RUFDcEIsWUFBWTtFQUNaLGFBQWE7RUFDYixlQUFlO0VBQ2YsT0FBTztFQUNQLE1BQU07RUFDTixvQ0FBb0M7RUFDcEMsZ0JBQWdCO0VBQ2hCLDJEQUEyRDtBQUM3RCxDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vdG9kby1saXN0Ly4vc3R5bGVzLmNzcyJdLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0IHVybCgnaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3MyP2ZhbWlseT1Xb3JrK1NhbnM6d2dodEA0MDA7NzAwJmRpc3BsYXk9c3dhcCcpO1xyXG5cclxuOnJvb3Qge1xyXG4gIGZvbnQtc2l6ZTogMThweDtcclxufVxyXG5cclxuKiB7XHJcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxufVxyXG5cclxuYm9keSB7XHJcbiAgZGlzcGxheTogZ3JpZDtcclxuICBwbGFjZS1pdGVtczogY2VudGVyO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICMxOTE5MjA7XHJcbiAgY29sb3I6IHdoaXRlO1xyXG4gIGZvbnQtZmFtaWx5OiAnV29yayBTYW5zJywgc2Fucy1zZXJpZjtcclxufVxyXG5cclxuaDEge1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG5cclxucCB7XHJcbiAgbWFyZ2luOiAwO1xyXG59XHJcblxyXG5idXR0b24sXHJcbmlucHV0W3R5cGU9dGV4dF0sXHJcbmlucHV0W3R5cGU9c3VibWl0XSB7XHJcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XHJcbiAgZm9udC1zaXplOiAxcmVtO1xyXG4gIGJvcmRlci1yYWRpdXM6IDRweDtcclxuICBwYWRkaW5nOiAwLjRyZW0gMC41cmVtO1xyXG59XHJcblxyXG5idXR0b24sXHJcbmlucHV0W3R5cGU9c3VibWl0XSB7XHJcbiAgY29sb3I6ICNmZmY7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzQyOTZhYjtcclxuICBib3JkZXI6IDJweCBzb2xpZCAjNjBhMmIzO1xyXG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgODBtcztcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbmJ1dHRvbjpob3ZlcixcclxuaW5wdXRbdHlwZT1zdWJtaXRdOmhvdmVyIHtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2Mzc1O1xyXG59XHJcblxyXG4jdGFzay1mb3JtIGxhYmVsIHtcclxuICBmb250LXNpemU6IDFyZW07XHJcbiAgZGlzcGxheTogYmxvY2s7XHJcbiAgbWFyZ2luLWJsb2NrLWVuZDogMC41cmVtO1xyXG59XHJcblxyXG4jdGFzay1mb3JtIGRpdiB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBnYXA6IDAuM3JlbTtcclxufVxyXG5cclxuI3Rhc2stZm9ybSBpbnB1dFt0eXBlPXRleHRdIHtcclxuICBmbGV4OiAxO1xyXG59XHJcblxyXG4jc3RhdHMtc2VjdGlvbiB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGdhcDogMC4xNXJlbTtcclxuICBwYWRkaW5nOiAwLjc1cmVtO1xyXG4gIG1hcmdpbi1ibG9jazogMC41cmVtO1xyXG4gIGJvcmRlcjogc29saWQgMXB4IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4wOTQpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDE4MSwgMjM0LCAyNDEsIDAuMDg4KTtcclxuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDMwMG1zLCBib3JkZXItY29sb3IgMzAwbXM7XHJcbn1cclxuXHJcbiNzdGF0cy1zZWN0aW9uW2RhdGEtY29tcGxldGU9dHJ1ZV0ge1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTExLCAyMjQsIDExMywgMC4xNTkpO1xyXG4gIGJvcmRlci1jb2xvcjogcmdiYSgxMTEsIDIyNCwgMTI4LCAwLjI2Mik7XHJcbn1cclxuXHJcbiNzdGF0cy1zZWN0aW9uIGgzIHtcclxuICBtYXJnaW46IDAgMCAwLjVyZW07XHJcbn1cclxuXHJcbiNzdGF0cy1zZWN0aW9uIHAge1xyXG4gIGNvbG9yOiAjYTdhN2IwXHJcbn1cclxuXHJcbiNzdGF0cy1zZWN0aW9uIHNwYW4ge1xyXG4gIGNvbG9yOiB3aGl0ZTtcclxufVxyXG5cclxuI3RvZG8tbGlzdCB7XHJcbiAgbWluLXdpZHRoOiAxOHJlbTtcclxuICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcclxuICBtYXJnaW4tYmxvY2s6IDA7XHJcbn1cclxuXHJcbiN0b2RvLWxpc3QgbGkge1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XHJcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIHBhZGRpbmctaW5saW5lOiA0cHg7XHJcbn1cclxuXHJcbiN0b2RvLWxpc3QgbGk6aG92ZXIsICN0b2RvLWxpc3QgbGk6aGFzKCo6Zm9jdXMtdmlzaWJsZSkge1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTE4LCAyMDIsIDIyOCwgMC4xNSlcclxufVxyXG5cclxuI3RvZG8tbGlzdCBsYWJlbCB7XHJcbiAgcGFkZGluZy1ibG9jazogOHB4O1xyXG4gIHVzZXItc2VsZWN0OiBub25lO1xyXG4gIGZsZXg6IDE7XHJcbn1cclxuXHJcbiN0b2RvLWxpc3QgbGFiZWw6aGFzKGlucHV0OmNoZWNrZWQpIHtcclxuICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjYxMik7XHJcbiAgdGV4dC1kZWNvcmF0aW9uOiBsaW5lLXRocm91Z2g7XHJcbn1cclxuXHJcbiN0b2RvLWxpc3QgaW5wdXRbdHlwZT1jaGVja2JveF0ge1xyXG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xyXG4gIGFjY2VudC1jb2xvcjogIzVmZTFkZjtcclxufVxyXG5cclxuI3RvZG8tbGlzdCBidXR0b24ge1xyXG4gIG9wYWNpdHk6IDA7XHJcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xyXG4gIHBhZGRpbmc6IDA7XHJcbiAgd2lkdGg6IDEuNXJlbTtcclxuICBoZWlnaHQ6IDEuNXJlbTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMTkxLCA3OCwgOTgpO1xyXG4gIGJvcmRlcjogbm9uZTtcclxufVxyXG5cclxuI3RvZG8tbGlzdCBidXR0b246aG92ZXIge1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYigxNDUsIDU1LCA3MSk7XHJcbn1cclxuXHJcbiN0b2RvLWxpc3QgbGk6aG92ZXIgYnV0dG9uLFxyXG4jdG9kby1saXN0IGxpOmhhcygqOmZvY3VzLXZpc2libGUpIGJ1dHRvbiB7XHJcbiAgb3BhY2l0eTogMTtcclxufVxyXG5cclxuI3NvbHV0aW9uLXdhcm5pbmcge1xyXG4gIGJvcmRlcjogc29saWQgMXB4IHJnYmEoMjM1LCAxMDIsIDEyMCwgMC41NDgpO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjM1LCAxMDIsIDEyMCwgMC4xMjMpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICBwYWRkaW5nOiAwLjc1cmVtO1xyXG4gIG1hcmdpbi1ibG9jazogMXJlbTtcclxufVxyXG5cclxuI2JvcmRlciB7XHJcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XHJcbiAgd2lkdGg6IDEwMHZ3O1xyXG4gIGhlaWdodDogMTAwdmg7XHJcbiAgcG9zaXRpb246IGZpeGVkO1xyXG4gIGxlZnQ6IDA7XHJcbiAgdG9wOiAwO1xyXG4gIGJvcmRlcjogc29saWQgMnB4IHJnYigyMzUsIDEwMiwgMTIwKTtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIGJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMjBweCAwcHggcmdiYSgyMzUsIDEwMiwgMTIwLCAwLjYpO1xyXG59Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9*/