.color-switcher{
  position: fixed;
  z-index: 999;
  right: 40px;
  bottom: 40px;
  
  padding: 2.5rem;
  background-color: #fff;
  
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.color-switcher input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  margin-right: 1rem;
  
  font: inherit;
  color: white;
  width: 1.15em;
  height: 1.15em;
  border: 2px solid #808080;
  border-radius: 50%;
}

.color-switcher input[type="radio"]:checked{
  border-color: #000000;
}

.color-switcher input[type="radio"]:last-child{
  margin-right: 0;
}

.color-switcher #dark{
  background-color: var(--dark-color);
}

.color-switcher #color{
  background-color: var(--main-color);
}

.color-switcher #light-gray{
  background-color: var(--light-color);
}