@keyframes wow {
  0% {
    transform: translate(40px, 30px) scale(1);
    box-shadow: none;
  }
  50% {
    transform: translate(0px, 0px) scale(1.2);
    box-shadow: 0 0 10px #ffff99, 0 0 80px 8px yellow;
    background-color: yellow;
  }
}
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(orange, #664200);
  overflow: hidden;
}

.sun {
  background-image: linear-gradient(30deg, #e69500, #eb9800);
  width: 260px;
  height: 260px;
  border-radius: 50%;
  position: relative;
}
.sun::before {
  content: "";
  background-color: yellow;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  z-index: -1;
  animation: 3s wow linear infinite alternate;
}