#theme-checker {
  width: 0px;
  pointer-events: none;
}
@media (prefers-color-scheme: dark) {
  #theme-checker {
    width: 1px;
  }
}


.theme-toggle {
  position: fixed;
  background: transparent;
  border: none;
  color: #999;
  font-size:0.8em;
  vertical-align: top;
  top:0.5em;
  right:0.4em;
}

.theme-toggle button {
  background: transparent;
  border: none;
  color: #999;
  font-size: 110%;
  cursor: pointer;
}

i.fa-regular.fa-sun::before {
   position: relative;
   top: 0.2em;
   /* background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJ0cnVlIj48cGF0aCBkPSJNNSAxNWMtLjkzMiAwLTEuMzk4IDAtMS43NjUtLjE1MmEyIDIgMCAwIDEtMS4wODMtMS4wODNDMiAxMy4zOTggMiAxMi45MzIgMiAxMlY1LjJjMC0xLjEyIDAtMS42OC4yMTgtMi4xMDhhMiAyIDAgMCAxIC44NzQtLjg3NEMzLjUyIDIgNC4wOCAyIDUuMiAySDEyYy45MzIgMCAxLjM5OCAwIDEuNzY1LjE1MmEyIDIgMCAwIDEgMS4wODMgMS4wODNDMTUgMy42MDIgMTUgNC4wNjggMTUgNW0tMi44IDE3aDYuNmMxLjEyIDAgMS42OCAwIDIuMTA4LS4yMThhMiAyIDAgMCAwIC44NzQtLjg3NEMyMiAyMC40OCAyMiAxOS45MiAyMiAxOC44di02LjZjMC0xLjEyIDAtMS42OC0uMjE4LTIuMTA4YTIgMiAwIDAgMC0uODc0LS44NzRDMjAuNDggOSAxOS45MiA5IDE4LjggOWgtNi42Yy0xLjEyIDAtMS42OCAwLTIuMTA4LjIxOGEyIDIgMCAwIDAtLjg3NC44NzRDOSAxMC41MiA5IDExLjA4IDkgMTIuMnY2LjZjMCAxLjEyIDAgMS42OC4yMTggMi4xMDhhMiAyIDAgMCAwIC44NzQuODc0QzEwLjUyIDIyIDExLjA4IDIyIDEyLjIgMjJaIj48L3BhdGg+PC9zdmc+"); */
   background-image: url("/images/icon-sun.svg");
   background-size:100% 100%;
   /* content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJ0cnVlIj48cGF0aCBkPSJNNSAxNWMtLjkzMiAwLTEuMzk4IDAtMS43NjUtLjE1MmEyIDIgMCAwIDEtMS4wODMtMS4wODNDMiAxMy4zOTggMiAxMi45MzIgMiAxMlY1LjJjMC0xLjEyIDAtMS42OC4yMTgtMi4xMDhhMiAyIDAgMCAxIC44NzQtLjg3NEMzLjUyIDIgNC4wOCAyIDUuMiAySDEyYy45MzIgMCAxLjM5OCAwIDEuNzY1LjE1MmEyIDIgMCAwIDEgMS4wODMgMS4wODNDMTUgMy42MDIgMTUgNC4wNjggMTUgNW0tMi44IDE3aDYuNmMxLjEyIDAgMS42OCAwIDIuMTA4LS4yMThhMiAyIDAgMCAwIC44NzQtLjg3NEMyMiAyMC40OCAyMiAxOS45MiAyMiAxOC44di02LjZjMC0xLjEyIDAtMS42OC0uMjE4LTIuMTA4YTIgMiAwIDAgMC0uODc0LS44NzRDMjAuNDggOSAxOS45MiA5IDE4LjggOWgtNi42Yy0xLjEyIDAtMS42OCAwLTIuMTA4LjIxOGEyIDIgMCAwIDAtLjg3NC44NzRDOSAxMC41MiA5IDExLjA4IDkgMTIuMnY2LjZjMCAxLjEyIDAgMS42OC4yMTggMi4xMDhhMiAyIDAgMCAwIC44NzQuODc0QzEwLjUyIDIyIDExLjA4IDIyIDEyLjIgMjJaIj48L3BhdGg+PC9zdmc+"); */
   background-repeat: no-repeat;
   justify-content: center;
   align-items: center;
   content: '';
   display: block;
   width:1.2em;
   height:1.2em;
  /*background: none;
  content: '';*/
}


i.fa-regular.fa-moon::before {
   /* background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJ0cnVlIj48cGF0aCBkPSJNNSAxNWMtLjkzMiAwLTEuMzk4IDAtMS43NjUtLjE1MmEyIDIgMCAwIDEtMS4wODMtMS4wODNDMiAxMy4zOTggMiAxMi45MzIgMiAxMlY1LjJjMC0xLjEyIDAtMS42OC4yMTgtMi4xMDhhMiAyIDAgMCAxIC44NzQtLjg3NEMzLjUyIDIgNC4wOCAyIDUuMiAySDEyYy45MzIgMCAxLjM5OCAwIDEuNzY1LjE1MmEyIDIgMCAwIDEgMS4wODMgMS4wODNDMTUgMy42MDIgMTUgNC4wNjggMTUgNW0tMi44IDE3aDYuNmMxLjEyIDAgMS42OCAwIDIuMTA4LS4yMThhMiAyIDAgMCAwIC44NzQtLjg3NEMyMiAyMC40OCAyMiAxOS45MiAyMiAxOC44di02LjZjMC0xLjEyIDAtMS42OC0uMjE4LTIuMTA4YTIgMiAwIDAgMC0uODc0LS44NzRDMjAuNDggOSAxOS45MiA5IDE4LjggOWgtNi42Yy0xLjEyIDAtMS42OCAwLTIuMTA4LjIxOGEyIDIgMCAwIDAtLjg3NC44NzRDOSAxMC41MiA5IDExLjA4IDkgMTIuMnY2LjZjMCAxLjEyIDAgMS42OC4yMTggMi4xMDhhMiAyIDAgMCAwIC44NzQuODc0QzEwLjUyIDIyIDExLjA4IDIyIDEyLjIgMjJaIj48L3BhdGg+PC9zdmc+"); */
   background-image: url("/images/icon-moon.svg");
   background-size:100% 100%;
   /* content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1pY29uPSJ0cnVlIj48cGF0aCBkPSJNNSAxNWMtLjkzMiAwLTEuMzk4IDAtMS43NjUtLjE1MmEyIDIgMCAwIDEtMS4wODMtMS4wODNDMiAxMy4zOTggMiAxMi45MzIgMiAxMlY1LjJjMC0xLjEyIDAtMS42OC4yMTgtMi4xMDhhMiAyIDAgMCAxIC44NzQtLjg3NEMzLjUyIDIgNC4wOCAyIDUuMiAySDEyYy45MzIgMCAxLjM5OCAwIDEuNzY1LjE1MmEyIDIgMCAwIDEgMS4wODMgMS4wODNDMTUgMy42MDIgMTUgNC4wNjggMTUgNW0tMi44IDE3aDYuNmMxLjEyIDAgMS42OCAwIDIuMTA4LS4yMThhMiAyIDAgMCAwIC44NzQtLjg3NEMyMiAyMC40OCAyMiAxOS45MiAyMiAxOC44di02LjZjMC0xLjEyIDAtMS42OC0uMjE4LTIuMTA4YTIgMiAwIDAgMC0uODc0LS44NzRDMjAuNDggOSAxOS45MiA5IDE4LjggOWgtNi42Yy0xLjEyIDAtMS42OCAwLTIuMTA4LjIxOGEyIDIgMCAwIDAtLjg3NC44NzRDOSAxMC41MiA5IDExLjA4IDkgMTIuMnY2LjZjMCAxLjEyIDAgMS42OC4yMTggMi4xMDhhMiAyIDAgMCAwIC44NzQuODc0QzEwLjUyIDIyIDExLjA4IDIyIDEyLjIgMjJaIj48L3BhdGg+PC9zdmc+"); */
   background-repeat: no-repeat;
   justify-content: center;
   align-items: center;
   display: flex;
   height: 100vh; 
   content: '';
   display: block;
   width:1em;
   height:1em;
   background-color:red;
  /*background: none;
  content: '';*/
}