#rotate-words:has(div) {
  background-color:#3757D0;
  background-image:radial-gradient(#81BCFF, #303391);
  background-repeat:no-repeat;
  background-attachment:fixed;
  border-radius: 50%;
  color:#fff;
  text-align:center;
}

#rotate-words {
  margin:auto;
  padding:5% 0;
  font-size:20px;
  text-transform: capitalize;
  text-shadow: #FC0 1px 0 10px;
}

#rotate-words div {
  position:relative;
  opacity: 0;
  overflow:hidden;
  line-height:1.2em;
  animation: rotate-word 8s linear infinite 0s;
}

@keyframes rotate-word {
  0% { opacity: 0;  transform: translateX(0);filter:blur(10px);transform:scale(.8)}
  10% { opacity: 1;  transform: translateX(0);filter:blur(0px);transform:scale(.9)}
  30% { opacity: 1; transform: translateX(0);filter:blur(0px);transform:scale(1)}
  50% { opacity: 0; transform: translateX(0);filter:blur(10px);transform:scale(1.2)}
  80% { opacity: 0}
  100% { opacity: 0}
}

#rotate-words div:nth-child(2) { animation-delay: 4s}