body {
  text-align: center;
  background-image: url(../bg_container.svg);
  background-size: cover;
  align-items: center;
  justify-content: center;
}

#assessment {
  animation: assessment 1s ease-in;
  -webkit-animation: assessment 1s ease-in;
  transform-origin: 203px 309px;
}
@keyframes assessment {
  from {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
  }
}
#improve {
  animation: improve 1s ease-in;
  -webkit-animation: improve 1s ease-in;
  transform-origin: 203px 309px;
}
@keyframes improve {
  0% {
    visibility: hidden;
    transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
  }
  33% {
    visibility: hidden;
  }
  66% {
    visibility: hidden;
  }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
  }
}
#knowledge {
  animation: knowledge 1s ease-in;
  -webkit-animation: knowledge 1s ease-in;
  transform-origin: 203px 309px;
}
@keyframes knowledge {
  0% {
    visibility: hidden;
    transform: rotateZ(250deg);
    -webkit-transform: rotateZ(250deg);
    -moz-transform: rotateZ(250deg);
    -ms-transform: rotateZ(250deg);
    -o-transform: rotateZ(250deg);
  }
  33% {
    visibility: hidden;
  }
  66% {
    visibility: hidden;
  }
  100% {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
  }
}
#result,
#in_x5F_do,
#in_x5F_check,
#in_x5F_act,
#plan,
#check,
#do,
#act,
#pdca_x5F_back,
#sg {
  visibility: hidden;
}
#group_x5F_1 {
  animation: group_x5F_1 1s ease-out 1s forwards;
  transform-origin: center;
  transform-box: fill-box;
  -webkit-animation: group_x5F_1 1s ease-out 1s forwards;
  visibility: hidden;
}
@keyframes group_x5F_1 {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  to {
    visibility: visible;
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -ms-transform: scale(100%);
    -o-transform: scale(100%);
  }
}
#in_x5F_plan {
  animation: in_x5F_plan 1s ease-out 3s forwards;
  transform-origin: center;
  transform-box: fill-box;
  visibility: hidden;
  -webkit-animation: in_x5F_plan 1s ease-out 3s forwards;
}
@keyframes in_x5F_plan {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  to {
    visibility: visible;
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -ms-transform: scale(100%);
    -o-transform: scale(100%);
  }
}
#plan {
  animation: plan 1s ease 5s forwards;
  -webkit-animation: plan 1s ease 5s forwards;
  transform-origin: 203px 309px;
}
@keyframes plan {
  from {
    visibility: visible;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
  to {
    visibility: visible;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
  }
}
#in_x5F_do {
  animation: in_x5F_do 1s ease-out 7s forwards;
  transform-origin: center;
  transform-box: fill-box;
  visibility: hidden;
  -webkit-animation: in_x5F_do 1s ease-out 7s forwards;
}
@keyframes in_x5F_do {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  to {
    visibility: visible;
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -ms-transform: scale(100%);
    -o-transform: scale(100%);
  }
}
#do {
  animation: do 1s ease 8s forwards;
  -webkit-animation: do 1s ease 8s forwards;
  transform-origin: 203px 309px;
}
@keyframes do {
  from {
    visibility: visible;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
  to {
    visibility: visible;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
  }
}
#in_x5F_check {
  animation: in_x5F_check 1s ease-out 9s forwards;
  transform-origin: center;
  transform-box: fill-box;
  visibility: hidden;
  -webkit-animation: in_x5F_check 1s ease-out 9s forwards;
}
@keyframes in_x5F_check {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  to {
    visibility: visible;
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -ms-transform: scale(100%);
    -o-transform: scale(100%);
  }
}
#check {
  animation: check 1s ease 11s forwards;
  -webkit-animation: check 1s ease 11s forwards;
  transform-origin: 203px 309px;
}
@keyframes check {
  from {
    visibility: visible;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
  to {
    visibility: visible;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
  }
}
#in_x5F_act {
  animation: in_x5F_act 1s ease-out 13s forwards;
  transform-origin: center;
  transform-box: fill-box;
  visibility: hidden;
  -webkit-animation: in_x5F_act 1s ease-out 13s forwards;
}
@keyframes in_x5F_act {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  to {
    visibility: visible;
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -ms-transform: scale(100%);
    -o-transform: scale(100%);
  }
}
#act {
  animation: act 1s ease 14s forwards;
  -webkit-animation: act 1s ease 14s forwards;
  transform-origin: 203px 309px;
}
@keyframes act {
  from {
    visibility: visible;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
  to {
    visibility: visible;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
  }
}
#sg {
  animation: sg 1s ease 15s forwards;
  -webkit-animation: sg 1s ease 15s forwards;
  transform-origin: 203px 309px;
}
@keyframes sg {
  from {
    visibility: visible;
    transform: scale(0%);
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    -o-transform: scale(0%);
  }
  to {
    visibility: visible;
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -ms-transform: scale(100%);
    -o-transform: scale(100%);
  }
}
#result {
  animation: result 1s ease 17s forwards;
  -webkit-animation: result 1s ease 17s forwards;
  transform-origin: 0px 0px;
  transform-box: fill-box;
}
@keyframes result {
  from {
    visibility: visible;
    transform: scale(0%);
    -webkit-transform: scale(0%);
    -moz-transform: scale(0%);
    -ms-transform: scale(0%);
    -o-transform: scale(0%);
  }
  to {
    visibility: visible;
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -ms-transform: scale(100%);
    -o-transform: scale(100%);
  }
}