*
  font-family: sans-serif
  color:  #1E1C06
  box-sizing: border-box

h1 
  text-align: center
h3
  text-align: center
   
body 
  background-color: #E1DC9F

div 
  margin: 20px auto
  width: min(800px, 90%)
input:not([type=checkbox])
  padding: 10px 20px
  border-radius: 5px
  border: none
  width: 100%
  &:focus
    outline: none
input[type=checkbox]
label
  display: block
  margin: 0px 0 10px

button 
  padding: 10px 20px
  background-color: #998768;
  border: none
  border-radius: 5px
  width: max(220px, 100%)
  margin: 20px auto
li
  list-style: none
span 
  color: #991111
  font-weight: bold
.cell 
  border: 3px solid #991111 
  padding: 10px 20px
  display: inline-block
  margin: 10px -1px
  width: 50%
  text-align: center
.show_all
  text-align: center
  display: flex
  justify-content: center 
  gap: 20px
  label
  input
    width: 20px
    height: 20px