.stage_title {
  padding-left: 32px;
  color: white;
}

h1,
h2 {
  font-weight: 200;
}

p {
  font-weight: 100;
}

.stage_scene {
  position: relative;
  width: fit-content;
  height: fit-content;
  margin-left: 32px;
}

#fan {
  position: absolute;
  left: 40%;
  top:25%;
  transform-origin: 39.5% 50%;
  animation: fan_rotate 25s linear infinite;
}

@keyframes fan_rotate {
  0% {
    transform: rotate(0turn);}
  5% {
    transform: rotate(0turn );}
  32% {
    transform: rotate(6turn);}
  65% {
    transform: rotate(24turn);}
  95% {
    transform: rotate(60turn);}
  100% {
    transform: rotate(60turn);}
}

.led_picture {
  position: absolute;
  top: 15.75%;
  left: 40.25%;
  opacity: 0;
}

#led_off {
  animation: led_off 25s ease infinite;
}

@keyframes led_off {
  0% {
    opacity: 1;}
  11.5% {
    opacity: 1;}
  12.5% {
    opacity: 0;}
  100% {
    opacity: 0;}
}

#led_low {
  animation: led_low 25s ease infinite;
}

@keyframes led_low {
  0% {
    opacity: 0;}
  11% {
    opacity: 0;}
  12% {
    opacity: 1;}
  74.5% {
    opacity: 1;}
  75% {
    opacity: 0;}
  100% {
    opacity: 0;}
}

#led_high {
  animation: led_high 25s ease infinite;
}

@keyframes led_high {
  0% {
    opacity: 0;} 
  75% {
    opacity: 0;}
  75.5% {
    opacity: 1;}
  100% {
    opacity: 1;}
}

.lamp_picture {
  position: absolute;
  top: 31.5%;
  left: 64.5%;
}

#lamp_off {
  animation: lamp_off 25s ease infinite;
}

@keyframes lamp_off {
  0% {
    opacity: 1;}
  23% {
    opacity: 1;}
  23.5% {
    opacity: 0;}
  100% {
    opacity: 0;}
}

#lamp_low {
  animation: lamp_low 25s ease infinite;
}

@keyframes lamp_low {
  0% {
    opacity: 0;}
  22.5% {
    opacity: 0;}
  23% {
    opacity: 1;}
  53% {
    opacity: 1;}
  53.5% {
    opacity: 0;}
  100% {
    opacity: 0;}
}

#lamp_high {
  animation: lamp_high 25s ease infinite;
}

@keyframes lamp_high {
  0% {
    opacity: 0;}
  30% {
    opacity: 0;}
  52.5% {
    opacity: 0; }
  53% {
    opacity: 1; }
  100% {
    opacity: 1;}
}

.card_picture {
  position: absolute;
  top: 5%;
  left: 41.25%;
  scale: 0.2;
}

.hand_picture {
  position: absolute;
  animation: hand_movie 25s ease infinite;
}

@keyframes hand_movie {
  0% {
    top: 75%;
    left: 33.5%;}
  4% {
    top: 59%;
    left: 33.5%; /*Fan left position */}
  5% {
    top: 69%;
    left: 33.5%;}
  6% {
    top: 69%;
    left: 33.5%;}
  7% {
    top: 59%;
    left: 35.5%; /*led&lamp left position */}
  11% {
    top: 59%;
    left: 35.5%;}
  12% {
    top: 69%;
    left: 35.5%;}
/* 1 double click for lamp start*/
20% {
  top: 69%;
  left: 35.5%;}
21% {
  top: 59%;
  left: 35.5%;}
22% {
  top: 60%;
  left: 36.5%;}
23% {
  top: 59%;
  left: 35.5%;}
23.5% {
  top: 69%;
  left: 35.5%;}
/* 1 double click for lamp end*/

  29% {
    top: 69%;
    left: 54.5%;  }
  30% {
    top: 59%;
    left: 54.5%; /*Fan middle position */}
  31% {
      top: 59%;
      left: 54.5%;}
  32% {
      top: 69%;
      left: 56.5%;}

/* 2 double click for lamp start*/
50% {
  top: 69%;
  left: 56.5%;}
51% {
  top: 59%;
  left: 56.5%;   /*led and lamp middle position */}
52% {
  top: 60%;
  left: 57.5%;}
53% {
  top: 59%;
  left: 56.5%;}
53.5% {
  top: 69%;
  left: 56.5%;}
  /* 2 double click for lamp end*/
  
  62% {
    top: 69%;
    left: 56.5%;}
  63% {
    top: 45%;
    left: 77%;}
  64% {
    top: 36%;
    left: 77%; } /*fan end position */
  65% {
    top: 45%;
    left: 77%;}
  74% {
    top: 45%;
    left: 77%;}
  75% {
    top: 36%;
    left: 80%;} /*led and lamp end position */
  76% {
    top: 59%;
    left: 80%;}
  94% {
    top: 59%;
    left: 80%;}
  95% {
    top: 59%;
    left: 54.25%;}
  100% {
    top: 59%;
    left: 54.25%;}
}

.trad_description h3 {
  text-align: center;
  text-decoration: overline;
  color: red;
}

.trad_description p {
  text-align: center;
  color: rgb(255, 255, 255);
}

.trad_description {
  position: absolute;
  top: 27.5%;
  left: 35%;
  width: 25%;
  animation: trad_desc 25s ease infinite;
}

@keyframes trad_desc {
  0% {
    opacity: 1;}
  30% {
    opacity: 1;}
  31% {
    opacity: 0;}
  100% {
    opacity: 0;}
}

.inno_description h3 {
  text-align: center;
  text-decoration: overline;
  color: darkorange;
}

.inno_description p {
  text-align: center;
  color: rgb(255, 255, 255);
}

.inno_description {
  position: absolute;
  opacity: 0;
  top: 27.5%;
  left: 35%;
  width: 25%;
  animation: inno_desc 25s ease-in-out infinite backwards;
}

@keyframes inno_desc {
  0% {
    opacity: 0;}
  30% {
    opacity: 0;}
  31% {
    opacity: 1;}
  100% {
    opacity: 1;}
}