1.moon, .shadow {
2  margin: auto;
3  position: absolute;
4  top: 0;
5  right: 0;
6  bottom: 0;
7  left: 0;
8  background: rgb(216, 216, 216);
9  border-radius: 50%;
10  height: 50px;
11  width: 50px;
12}
13
14.shadow {
15  width: 50px;
16  height: 50px;
17  position: relative;
18  background: #212121;
19 /*Change these color to the bg of your website*/
20  transition: all .3s ease;
21  animation: move_4123 1.2s infinite alternate ease-in-out;
22  transform: translate3d(8px, -8px, 0);
23}
24
25@keyframes move_4123 {
26  100% {
27    transform: translate3d(36px, -36px, 0);
28  }
29}