#theme-switch{
  height: 40px;
  width: 40px;
  padding: 0;
  border-radius: 50%;
  background-color: #fffef8;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 10000;
  border: 1px dashed #9D9167;
  cursor: pointer;
}

#theme-switch svg{
  fill: #5F633E;
}

#theme-switch svg:last-child{
  display: none;
}

html.darkmode #theme-switch{
  background-color: #6d6652;
  border-color: #3d460e;
}

html.darkmode #theme-switch svg{
  fill: #e0e0e0;
}

html.darkmode #theme-switch svg:first-child{
  display: none;
}

html.darkmode #theme-switch svg:last-child{
  display: block;
}