@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body {
/*	改颜色需要更改rykg.js*/
  background: #151d29;
  background:#FFFFFF;
  color: hsl(0, 0%, 98%);
}
#rykg{
	float:right;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.75s ease-in-out;
}
label {
  position: relative;
}
label input {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
}
label svg {
/*日月开关大小*/
  width: 100px;
  height: auto;
  display: block;
}
label input + svg .light {
  transition: opacity 0.75s cubic-bezier(0.68, 0.25, 0.265, 1);
}
label input + svg .translate,
label input + svg .rotate,
label input + svg .background,
label input + svg .astronaut,
label input + svg .surfer {
  transition: transform 0.75s cubic-bezier(0.68, 0.25, 0.265, 1);
}
/* make the .light element fully transparent to have the .dark variant see through */
label input:checked + svg .light {
  opacity: 0;
}
label input:checked + svg .translate {
  transform: translateX(0px);
}

label input:checked + svg .rotate {
  transform: rotate(0deg);
}

label input:checked + svg .background {
  transform: translate(0px) scale(1);
}